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
国外旅游办什么信用卡光大信用卡降低额度办信用卡星级不够办不了?工行信用卡电话支付工行信用卡信用等级办信用卡感觉花很多钱工商信用卡那种卡好办信用卡星级不够办不了?加油信用卡2015中石油加油卡 信用卡工行信用卡申请收到申请国外旅游办什么信用卡招行信用卡有没有寄出短信通知信用卡加油怎么用办信用卡星级不够办不了?中石油加油卡 信用卡信用卡取现后最低还款建行信用卡的银行回单可以打么建行信用卡的银行回单可以打么民生办信用卡工商中油信用卡普卡额度2万建行信用卡的银行回单可以打么加油信用卡2015工行两张信用卡主卡工行信用卡信用等级平安一号店信用卡工行信用卡电话支付工商银行信用卡办卡条件工商银行招商银行信用卡招行信用卡有没有寄出短信通知秦凡为救老婆,不得已暴露自身能看到宝物气息的能力,不断捡漏,只要是宝物,在秦凡的眼中都无所遁形,因此引起各方势力的注意,破真伪,看人心,鉴宝捡漏,玩转人生……自从邪神入侵这个世界已经过去了不知多少万年,人类以自己的信仰与理智为柴薪,信奉着邪神,以求获得喘息。 然而邪神贪婪地吞食着人类的理智,整个世界已经满目疮痍。 直到那个人的到来…… 那撕碎一切的黑暗,将所有的恐怖和深邃都给吞没。 无论是杀人取乐的邪神,还是沉迷于欲望的怪诞,全部都因此而毁灭。 但是王浩听到这种事情却是嗤之以鼻。 “什么邪神杀手!全部都是瞎话!都是胡说!我只不过是喜欢吃那一些邪神而已!” 备用书名:邪神看到我叫爸爸,神佛救世主,请叫我无敌,谢谢。 【女帝】、【脑洞】、【搞笑】 一位普通的网文读者云逸,穿越到了看似平常的异世界。 熟读套路的他,开局就抄了前世的一本经典仙侠小说,想要通过网文赚取第一桶金。 但没想到。 这个世界,正处于灵气复苏不久,修行之法还未开创的时代。 所以,当云逸小说火起来的同时,一部分人发现... 小说里的修行功法、锻器手段、炼丹丹方,竟真的全部可以模仿使用! 此刻,全球震惊,各国开始紧急接触云逸! “仙帝无私奉献,哪怕是圣品功法也未曾藏私,令人钦佩!”有人族修士恭敬道。 “师父悉心教导,润物细无声,让我受益匪浅。”女帝徒弟言笑晏晏。 “仙帝一剑斩妖,救人族于水火,此等胸怀,我难以企及!”有人族大能跪拜。 自此,云逸被全球的修行者们尊为“开天地新生,创万界新道”的原初仙帝。一个残疾人靠着幽默在现实直播中实现自身价值。 一个粉丝心中的无冕之王。 老婆多,是他的第一个标签。灵魂歌手,尿床是他的家常便饭。茫茫宇宙,点点繁星。名不经传,却塑造了一位超级无敌大剑修!!古蓝星,只是一个边陲宇宙,却是叶泽从小赖以生存的家园。家人相继离去,担子只能由年幼的自己扛!睡梦中醒来,改变了命运,一剑在手,天下我有!!我有一剑,可破诸天!!!!十万年前,苏逸一掌终结了整个神魔时代。 人族圣人:“前辈,您究竟已经达到什么境界?” 苏逸:“境界?我不知道,我只知道,我无敌!”异界大陆,一个出身二流国家的普通修行者白华,究竟要如何才能在众多天骄之中脱颖而出,修得剑道第九官? “问题不大,我们陪你” 朋友切切思思,兄弟怡怡。答案已是不言而喻。维玄天大陆,武道为尊!强者可以脚踏虚空遨游太虚,举手之间可破碎山河。 废物少年叶宁意外觉醒前世大帝记忆,获得天地至宝蕴神莲!从此握手青锋,败天下无数天骄! 前世的仇,今世的恨,他叶宁一一会报。少年血脉被夺,修为尽废,家族中人落井下石。至尊血脉觉醒,神秘小鼎激活,重塑一身体魄,人挡杀人,神挡弑神!修行之路逆水行舟,世间诸事实力为尊,至尊血脉摧枯拉朽!万古独断,独镇深渊,万界无敌,不败神话!
亡者遗梦 天域牢笼 我体内有洪荒异兽 仙剑无间道 光冥天星 天道九梯 道远知骥 全师门就我一个男人 明!日月 野河之重生1994 阴阳冥使! 两世寻旅冰漠花开 一天一个选择题 异世成就至高 公子凶猛 乱劫咒 已然人生二十载 废材闯三界之水族传奇 到另一个世界挨打? 孤灯守夜人 光大银行信用卡强行让客户分期 中国银行最高端信用卡 信用卡取现后最低还款 建行信用卡的银行回单可以打么 光大银行信用卡强行让客户分期 兴业车主信用卡 为什么招商银行信用卡办不下来 农行信用卡通过审核 平安一号店信用卡 招行信用卡有没有寄出短信通知 加油信用卡2015 哪个信用卡加油好 工行两张信用卡主卡 中石油加油卡 信用卡 办信用卡感觉花很多钱 工行信用卡信用等级 为什么招商银行信用卡办不下来 平安一号店信用卡 工商中油信用卡普卡额度2万 国外旅游办什么信用卡 中国银行最高端信用卡 办信用卡星级不够办不了? 光大信用卡降低额度 信用卡加油怎么用 中石油加油卡 信用卡 工行两张信用卡主卡 平安一号店信用卡 光大信用卡降低额度 工商中油信用卡普卡额度2万 平安一号店信用卡 工行信用卡信用等级 中国银行最高端信用卡 办理信用卡时银行能查到什么 国外旅游办什么信用卡 工商银行信用卡办卡条件 工行信用卡信用等级 办理信用卡时银行能查到什么 为什么招商银行信用卡办不下来 工行两张信用卡主卡 办理信用卡时银行能查到什么 工行信用卡信用等级 农行信用卡审核未通过 民生办信用卡 哪个信用卡加油好 信用卡加油怎么用 中国银行最高端信用卡 加油信用卡2015 工行信用卡电话支付 工商银行招商银行信用卡 工商信用卡那种卡好 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 回到明朝当首富 灵魂公司 look up 仰望 丰宁159师 我是一名通灵师 澳门葡京官网 AG真人 欧博官网 澳门葡京官网 欧博官网 兴业车主信用卡 信用卡加油怎么用 信用卡取现后最低还款 加油信用卡2015 哪个信用卡加油好 中石油加油卡 信用卡 工商银行招商银行信用卡 办信用卡星级不够办不了? 农行信用卡通过审核 农行信用卡审核未通过 中石油加油卡 信用卡 平安一号店信用卡 农行信用卡审核未通过 工商信用卡那种卡好 工商信用卡那种卡好 工行信用卡申请收到申请 工行信用卡信用等级 哪个信用卡加油好 办理信用卡时银行能查到什么 工行信用卡信用等级 工行信用卡电话支付 工商银行信用卡办卡条件 工商信用卡那种卡好 加油信用卡2015 工行两张信用卡主卡 民生办信用卡 工行两张信用卡主卡 中石油加油卡 信用卡 工商银行招商银行信用卡 国外旅游办什么信用卡