Interface elements


Labels and badges
Labels Markup
Default <span class="label">
Success <span class="label label-success">
Warning <span class="label label-warning">
Important <span class="label label-important">
Info <span class="label label-info">
Inverse <span class="label label-inverse">
Name Example Markup
Default 1 <span class="badge">
Success 2 <span class="badge badge-success">
Warning 4 <span class="badge badge-warning">
Important 6 <span class="badge badge-important">
Info 8 <span class="badge badge-info">
Inverse 10 <span class="badge badge-inverse">
Different notifications
  • Standard notification
  • Sticky notification
  • Notification with image
Different Bars
  1. <div class="progress">
  2. <div class="bar" style="width: difine%;"></div>
  3. </div>
  1. <div class="progress progress-striped">
  2. <div class="bar" style="width: 60%;"></div>
  3. </div>
  1. <div class="progress progress-striped active">
  2. <div class="bar" style="width: 60%;"></div>
  3. </div>
  1. <div class="progress">
  2. <div class="bar bar-success" style="width: 35%;"></div>
  3. <div class="bar bar-warning" style="width: 20%;"></div>
  4. <div class="bar bar-danger" style="width: 10%;"></div>
  5. </div>
Pop-up dialogs
View Popup Alert image Popup
Tooltip directions

Four directions of the tooltips, just add a class: 'tip-top', 'tip-bottom', 'tip-left' or 'tip-right' without quotes to the element you want to have tooltip.

Pagination

Default pagination

Alternate pagination

<div class="pagination alternate">
Typography

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6
Notifications
×

Warning!

You're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
×

Success!

Tou're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
×

Info!

Tou're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
×

Error!

You're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Warning! Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Success! Libero, a pharetra augue. Praesent commodo
Info! you're not looking too good.
Error! Nulla vitae elit libero, a pharetra augue. Praesent commodo
蠕形螨狗狗症状如何做狗狗食物如何区分狗狗疫苗真假犬瘟狗狗一直发烧球虫引起的狗狗拉稀蠕形螨狗狗症状热天狗狗散热的视频如何区分狗狗疫苗真假如何给小狗狗做衣服三个月狗狗能喝水吗请问小狗狗下奶如何区分狗狗疫苗真假三个月的狗狗该做什么检查去除狗狗牙结石视频萨摩狗狗口臭怎么解决三个月狗狗能喝水吗热天给狗狗洗澡用凉水驱虫药狗狗药性时间驱虫药狗狗药性时间如何在空调房里养狗狗如何扎狗狗耳朵驱虫药狗狗药性时间如何给小狗狗做衣服如何让狗狗在笼子里上厕所球虫引起的狗狗拉稀如何培养狗狗睡狗窝犬瘟狗狗一直发烧怎么办如何让狗狗在笼子里上厕所如何在空调房里养狗狗三个月的狗狗该做什么检查人在善恶的取舍中,并没有旁观者。 孟子曰:“恻隐之心,仁之端也”。 我们称之为人性的东西,就是我们的同情心。 你温暖,这个世界便因你而温暖;你冷漠,这个世界便因你而冷漠。孔铮能够在英雄本色香江世界和蓝星之间穿越,嘴贱惹祸,被逼进了娱乐圈,他是小商人、是莽汉、是侠骨柔情、是钢铁直男......一个无知小人物逆袭的故事。一个被遗弃少年的奇幻冒险穿越到文娱行业刚刚起步的平行世界,方淮南激活了影帝系统,可以获得前世任意一位影帝级人物的表演经验! 他一个人就开创了华娱影坛十年的辉煌时刻! 他是《无间风云》里城府深沉的黑帮老大琛哥; 也是《枪燃》里忠义痞气交织的打手阿来; …… 正当所有人都以为方淮南只会演反派角色的时候, 他跑到横店去出演了《猫妖传》里五分钟的配角, 将盛唐气势下,那位如醉似癫的李白演出了神韵! 这时,所有人才知道方淮南的戏路宽阔到何等地步! …… 面对采访,融合了上百位影帝经验的方淮南很谦虚的表示: “我,不过是站在了巨人的肩膀上罢了。” 林明穿越到危机四伏的玄幻世界,开局就被成为苦力,惨遭007折磨。   就在林明以为要当一辈子牛马的时候,激活了人生模拟器。   只需要消耗灵石就能够开启模拟。   【第一日:你学习陈胜吴广,一句王侯将相另有种乎震撼众囚,囚犯们热泪盈眶直呼你为天人转世。】   【第二日:你的话在囚犯群体中传播开,你的地位直线上升。】   【第五日:你晚上睡觉的时候,突然有黑衣人闯进来把你带走,你自知实力不够无法反抗。   好在对方没有恶意,你们细细攀谈对方对于你的想法大为震惊,表示还会来找你的。】   【第六日:黑衣人果然来找你,你们相谈甚欢。   你接着这个机会寻问修行之法,对方随手给了你一本没有封面的功法,并且指导你修行。】   【第九日:有人指导加上你没日没夜的练习,你终于有了气感。】   【第二十日:你成功突破进入到炼气期成为一名修士!】本书讲述一珠《寒冰珠》一书《蝶翼九式》 南道第一堂至宝寒冰珠,据传珠身内藏有某样宝物,竞相引人争夺,玄水门花影娘为人喜珠玉,不惜联合枫林庄少庄主叶秋扬夜探珍宝阁。 反转的是,寒冰珠到手还未悟热,又被暗杀堂主派出的人劫获,生性不服输的花影娘又游说落花谷主,聂冷心出山相助,再次上演夜探暗杀堂的戏码混迹于政治场上长大的皇子,立誓要做一位明君。奈何寒来暑往物换星移,登上龙椅执掌天下时,才知皇帝的不易。酒池肉林夜夜笙歌,使其明君之路步履维艰,最终成为了要美人不要江山的快活皇帝。重生于异世的魔宗少年,以一己之力颠覆正道的统治,为救恩师上刀山下火海,为了道义可两肋插刀游戏与考试有时可以实现完美结合,而道德也应该影响考试的结果,某个班级里的十五名男生也这么想。他们个个都在某些领域有着自己的专长,也有着自己致命的缺陷。他们有的出身显赫,父母都热爱读书;有的却不幸出身于一个思想境界低下的家庭,不慎被家庭影响,坠入无底深渊。突然,他们被卷入了一场场特殊的考试之中,他们需要用自己学过的知识去应对各种各样的险境。你认为他们能成功吗?坐标魔都。 安燚从警校毕业仅仅三年就在警届名声大噪升为刑警中队长,和缉毒中队长秦枫、刑警龙五搭档破获一个个迷案。 一次探店他结识了调酒师蓝心心;一次出差他又和燕京的白玫相遇。 黑与白的交锋,爱与恨的纠葛。 抉择。 面对爱与忠诚,安燚又该何去何从?
傲世天下之神州 网游之我为通天教主 混在皇宫假太监 震惊!我和网红周姐隐婚被曝光了 玄武裂天 大汉儒尊,诗成传世惊诸圣 我居然成了盖世全才 废柴皇子的末世生存指南 我就是送外卖的 从剑仙开始悟道 书隐仙踪 神仙学院:被迫和校花组队 最强的我只想过平凡人生 盛世玄医 天域战神被迫打工 黑白魔神! 风烈苍穹 破败之地 表与里之歌 苟之道 如何判断狗狗流鼻涕 三个月狗狗能吃生鱼 热天给狗狗洗澡用凉水 球虫引起的狗狗拉稀 如何判断狗狗流鼻涕 如何让狗狗喜欢主人 如何锻炼狗狗听力 三个月的狗狗该做什么检查什么原因 如何培养狗狗睡狗窝 三个月的狗狗该做什么检查什么 如何给小狗狗做衣服 如何杀死狗狗的寄生虫卵 如何训练狗狗嗅找 三个月狗狗能吃生鱼 蠕形螨狗狗症状 球虫引起的狗狗拉稀 如何锻炼狗狗听力 如何培养狗狗睡狗窝 如何找到丢失的狗狗 如何区分狗狗疫苗真假 三个月狗狗能吃生鱼 萨摩狗狗口臭怎么解决 如何做狗狗食物 去除狗狗牙结石视频 三个月狗狗能喝水吗 如何训练狗狗嗅找 如何培养狗狗睡狗窝 如何做狗狗食物 如何找到丢失的狗狗 如何培养狗狗睡狗窝 球虫引起的狗狗拉稀 三个月狗狗能吃生鱼 犬瘟狗狗一直发烧 蠕形螨狗狗症状 如何让狗狗在笼子里上厕所 球虫引起的狗狗拉稀 犬瘟狗狗一直发烧 热天给狗狗洗澡用凉水 如何训练狗狗嗅找 萨摩狗狗口臭怎么解决 犬瘟狗狗一直发烧怎么办 三个月的狗狗该做什么检查什么 蠕形螨狗狗 如何锻炼狗狗听力 去除狗狗牙结石视频 三个月狗狗能吃生鱼 如何杀死狗狗的寄生虫卵 犬瘟狗狗一直发烧怎么办 如何训练狗狗嗅找 热天狗狗散热的视频 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 大明:我的皇孙太强了 不一样的科幻世界 这一世我再扬帆 我成为西泽尔了 老槐树下的故事 快连下载 亚星游戏官网 亚星官网 亚星游戏官网 澳门葡京官网 如何锻炼狗狗听力 如何让狗狗在笼子里上厕所 如何在空调房里养狗狗 如何训练狗狗嗅找 如何给小狗狗做衣服 请问小狗狗下奶 三个月的狗狗该做什么检查什么 如何扎狗狗耳朵 如何做狗狗食物 如何扎狗狗耳朵 犬瘟狗狗一直发烧怎么办 如何找到丢失的狗狗 如何让狗狗喜欢主人 如何培养狗狗睡狗窝 如何锻炼狗狗听力 三个月大的狗狗栓起来 如何训练狗狗嗅找 驱虫药狗狗药性时间 三个月狗狗能吃生鱼 请问小狗狗下奶 蠕形螨狗狗症状 如何杀死狗狗的寄生虫卵 如何做狗狗食物 如何区分狗狗疫苗真假 萨摩狗狗口臭怎么解决 蠕形螨狗狗症状 三个月大的狗狗栓起来 萨摩狗狗口臭怎么解决 球虫引起的狗狗拉稀 三个月的狗狗该做什么检查什么