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
电视剧谋杀剧情简介?迥?迮?电视剧第一集飞虎队电视剧张子健在线观看电视剧张居正的妻子宋仲基的电视剧电影电视剧谋杀剧情简介好看的乱伦电视剧飞虎队电视剧张子健在线观看吕一饰演过的电视剧新蜘蛛侠电视剧类似天国的树的电视剧电视剧谋杀剧情简介女主患病的电视剧韩剧类似天国的树的电视剧飞虎队电视剧张子健在线观看新蜘蛛侠电视剧都市情感电视剧排行榜于越主演的电视剧浮沉于越主演的电视剧浮沉夏日香气电视剧土豆让我们恋爱吧 电视剧不配电视剧云水怒电视剧第十五集错儿电视剧全集10宋仲基的电视剧电影奇妙小镇的电视剧电视剧张居正的妻子里面有美人鱼的电视剧夏日香气电视剧土豆女主患病的电视剧韩剧不如意事常八九,可与语人无二三 第一人称讲述三十一岁大龄男青年的感情,职场,朋友等等生活琐事。 也希望你们能和我一起见证爱恨情仇 书中姓名皆为化名,书中故事真真假假作品主要讲述了覃淋,梁珂,李梦夕侦破一件件案件的故事诡异不明的感染,来历不明身怀多项意想不到技能的教师想在这末世中带着他的学生们活下去。陈先生请问末世的背后到底是什么在推动跟你有关系吗?你是怎么带着你的学生们活下去的?责任越大能力越大吗?做这么多得罪人的事不会怕吗?陈翡抠了抠鼻孔说:“你谁啊你?我只想保护我自己和那帮兔崽子们努力活下去,仅此而已。”剑未妥,江湖早,纵使不懂,也不默,少年啊,不归呀,吾辈皆是英雄! 鸟惊忽现白马,飘飘锦衣落梨花,少年呀,归来呀,千年谁复重生?一剑动京华!仙界传闻:这世上唯有月老王尧不能招惹,得罪别人大不了一战,得罪月老,一不小心族谱的下版本就交代在这了! 穿越青年王尧被迫成了新晋月老,方才发现,月老这号神仙,听上去好像只是个鸡毛蒜皮的小官,竟然很吃香…… 我从小受尽委屈,原以为等成年便可自由,结果还没成年,就给我赶出去了,听话,no no这个词永远不会在我的字典里出现,哈~。报复你们,是最正确的选择,结果我穿越了,还修仙?拜托~我是学渣,某狼:呸!你可真能装! 相传,在大陆的一角,有一个名为神仙宗的门派。这里,有强到不可思议的导师;这里,有数之不尽的修炼资源;这里,体质、血脉一条龙服务,包你成神!那个宗门,只有你想象不到的,没有不会出现的奇迹! 无数强者帝皇云集前往,想要拜入神仙宗,却也只能老老实实跪在山门前,等候召见!21世纪,麻雀终于在中国成为现象级运动。2015年,世界冠军邴燮于事故中丧生,并被世界遗忘。为了找出母亲事故的真相并冲击麻雀的顶点,一度放弃麻雀的亓兑和加入了灼华中学麻雀部,向2020年的全国大赛进发。这是一片浩瀚的星空,星空下分布着众多大大小小的星球,在星空中央有一颗超大星球在慢慢旋转。   这颗超大星球很不一样,在远处看去上面分布着,长着像是数百个大小不一的白蘑菇,如果在近处看,这些白蘑菇竟然是一个个大小光罩。   光罩大小有三种,有两个最大光罩的分布在超大星球两端,中等的光罩有数十个,不规则分布在一端的一个大光罩比较远的周围,最小光罩最多有数百个,星星点点在中等光罩和另一端大光罩中间,其中有几个最小的光罩,紧挨着另一端大光罩周围。   浩瀚星空中某个方向一个黑洞突然出现,黑洞慢慢由小变大。不知过了多久,在变大的黑洞中间隐隐透出淡淡彩光,彩光不知什么东西竟然快速的变亮?。不一会就彩光芒万丈穿透黑洞,彩光像流星一样直线朝浩瀚星空飞去。   彩光直线飞行经过无数星球,竟然没碰到一颗星球,只是险险从坠石星球擦着而过。彩光不知什么东西,随着时间推移慢慢变淡……天也败,地也衰。规则乱化,被四大宗门所掌控,为所欲为。李毅,一个小人物,后发先至,厚聚博发,誓与天斗。苍天泣血,诸神恐惧。完成了他的传奇一生。
我会踮起脚尖 乱世的故事 天域战神被迫打工 万里山河皆尘土 共结情缘的羁绊剑舞曲 武侠录传闻 重生之叫我仙帝大人 大主宰:主宰至尊 彼云端 神王太古 都市奇门怪医 弱冠少年逐道行 破天易介 日月扉 寒门小书生 混混的抄底 神医胆子大,校花放产假 木牌传说 帝国路 论暴发户的自我修养 仙剑奇侠传三电视剧百度云盘 莎莎空姐电视剧 都市情感电视剧排行榜 于越主演的电视剧浮沉 仙剑奇侠传三电视剧百度云盘 变态杀人案国内电视剧 儿童电视剧大耳朵图图 市长或市委书记的电视剧 奇妙小镇的电视剧 女主患病的电视剧韩剧 云水怒电视剧第十五集 云水怒电视剧第十五集 错儿电视剧全集10 新蜘蛛侠电视剧 外乡人电视剧大头 宋仲基的电视剧电影 寻找星宿的电视剧 奇妙小镇的电视剧 让我们恋爱吧 电视剧 电视剧谋杀剧情简介 莎莎空姐电视剧 飞虎队电视剧张子健在线观看 ?迥?迮?电视剧第一集 不配电视剧 市长或市委书记的电视剧 错儿电视剧全集10 奇妙小镇的电视剧 ?迥?迮?电视剧第一集 让我们恋爱吧 电视剧 奇妙小镇的电视剧 于越主演的电视剧浮沉 莎莎空姐电视剧 电视剧张居正的妻子 电视剧谋杀剧情简介 错儿电视剧全集10 宋仲基的电视剧电影 臻爱 电视剧有多少集 儿童电视剧大耳朵图图 错儿电视剧全集10 臻爱 电视剧有多少集 宋仲基的电视剧电影 电视剧打工贵族国语 夏日香气电视剧土豆 寻找星宿的电视剧 不配电视剧 莎莎空姐电视剧 云水怒电视剧第十五集 电视剧张居正的妻子 朱亚文和王丽坤主演的电视剧有哪些 好看的乱伦电视剧 亚星官网 亚星游戏官网 亚星游戏官网 亚星官网 亚星官网 重生,我比系统还要强! GL赛事录 青春烟雨 朽谛 命运狂人 亚星游戏官网 万利官网 欧博游戏官网 亚星游戏官网 葡京官网 莎莎空姐电视剧 外乡人电视剧大头 都市情感电视剧排行榜 都市情感电视剧排行榜 飞虎队电视剧张子健在线观看 臻爱 电视剧有多少集 夏日香气电视剧土豆 类似天国的树的电视剧 电视剧张居正的妻子 一群鬼子攻击村电视剧 云水怒电视剧第十五集 外乡人电视剧大头 于越主演的电视剧浮沉 寻找星宿的电视剧 飞虎队电视剧张子健在线观看 仙剑奇侠传三电视剧百度云盘 外乡人电视剧大头 夏日香气电视剧土豆 好看的乱伦电视剧 好看的乱伦电视剧 飞虎队电视剧张子健在线观看 飞虎队电视剧张子健在线观看 朱亚文和王丽坤主演的电视剧有哪些 女主患病的电视剧韩剧 寻找星宿的电视剧 吕一饰演过的电视剧 变态杀人案国内电视剧 于越主演的电视剧浮沉 市长或市委书记的电视剧 电视剧谋杀剧情简介