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
信用卡境外大额消费在外地出差能办信用卡吗信用卡过期自动注销信用卡无效能还款吗重庆投诉包装办信用卡信用卡境外大额消费交行信用卡白金卡怎么免年费信用卡过期自动注销日本用什么信用卡信用卡什么样IC信用卡 选号信用卡过期自动注销信用卡不开通有年费吗IC信用卡 选号信用卡年底好下吗信用卡什么样信用卡的状态信用卡没还上利息信用卡没还上利息信用卡多久不用利息长春交行信用卡办理信用卡没还上利息日本用什么信用卡人死后信用卡欠款怎么办哪个银行的信用卡公务卡好信用卡不还属于金融诈骗?哪个银行的信用卡公务卡好人死后信用卡欠款怎么办信用卡多久不用利息信用卡不开通有年费吗人的一生一定要做一些有意义的事情,醒掌天下权,醉卧美人膝,要不然空来世上走一遭,正是怀着这样的梦想,明盛只身来到城市打拼,无奈现实很残酷,处处碰壁之后总算找到一份工作,可是在一次拜访客户失败后,身心疲惫的他在公交亭睡着然后意外穿越了,这一次,他终于可以堂堂正正的不看任何人的脸色,可是救亡图存的路上同样是荆棘密布的:小冰河时代,后金虎视眈眈,天下烽烟四起,朝堂上还有党派林立,大厦将倾,看明盛如何力挽狂澜,山河一统,什么东林党?什么阉党?这天下只能有一个党,就是寡人的帝党。我奉劝各位不要沉迷游戏,游戏不仅浪费时间和金钱而且影响正常的学习、生活和健康... 什么! 居然有人敢攻击我天华城? NND! 好了,不废话了,老子要去砍死那帮NPC。 .... 处于修炼世界最底层的李成双因为一个梦激活了天灾召唤系统,能从蓝星召唤名为“玩家”的生物。 从此,这个世界的画风变了。 低级城主:你说天华城那大鸟比我还快? 中级城主:你说天华城那胳膊粗的玩意儿堪比我全力一击? 高级城主:你说高级魔兽被天华城堵在门口杀? ....这是一个宅男的机遇何须问,浮生情,原知浮生是梦中。 花落花开,人死只是重生的开始。 广袤无垠的具象大陆,具象者们,打通三脉七轮,修炼着脉气。 根轮开,红莲绽放,具象现: 腹轮开,橙莲绽放,具象量变: 脐轮开,黄莲绽放,变化现: 心轮开,绿莲绽放,生命现: 喉咙开,蓝莲绽放,灵性现; 额轮开,紫莲绽放,智慧现: 顶轮开,千瓣莲花,彩虹现。 红十具象师,橙百具象师,黄千具象师,灰迷具象宗师,绿生宗师,蓝灵宗师,紫归宗师,彩虹尊者。 生命之花,如此璀璨,如果可以,我愿奉献!穿越到了平行世界,获得魔王系统。 只能通过打崩各大主播,职业选手,路人王者获得奖励。 从那天起峡谷诞生了一位大魔王。 他实力超群却喜欢折磨对手。 他吊打各种天才,被玩家们叫做天才质检员。 他身披战袍,为LPL拿到了一次又一次的冠军奖杯。 主播想蹭他流量,战队开出天价邀请,职业选手见他胆寒,玩家视他为神。 他叫夏炙,以一己之力改变整个电竞行业的男人!在一个平平无奇的城市里,且看它游戏人生!末世的日子不好过啊……时空裂缝出现 人类必须躲避远古生物的抓捕 同时,大量未来生物来到现在 人类该何去何从重生前,陈凡是赫赫有名的商业大佬。 重生后,陈凡是猫嫌狗厌的街头混混。 重生前,陈凡除了钱,一无所有。 重生后,陈凡除了没钱,还是啥也没有。哦,不对,多了一个老婆和孩子。 …… 站在1987年的街头,陈凡内心涌起万丈豪情。 在这猪站在风口上都能飞的年代,自己定要做出一番不一样的成绩来。 …… “陈老先生,请问您今生最大的成就是什么?” 1987,娇妻幼子,天下我有。——《陈凡传》一代战神,因失去记忆,流浪街头,却稀里糊涂成为了秦城豪门朱家的女婿。 受尽欺辱的他,受到重创,记忆恢复,王者归来。 且看他如何收拾曾经欺辱过他的宵小之辈?如何踩着那些为富不仁之徒踏上世界之巅?如何千里走单骑救父母于危难之中? 他就是令边境悍匪和国际雇佣兵闻风丧胆的龙国战神龙之刃林灿。
一眼万年ONE 大小姐的偷心保镖 孤勇者的灵界 回首这二十年 残骸上的文明 无名之辈:巨石之下 宗门里连我都是卧底 夜光永恒 拿脚想的剧本都比戴卡强 道灵纪 新回家的诱惑 最贼修仙者联盟 神州傲剑诀 我的超大储存空间 魔蛋传说之拳王大赛 无法抗拒的永恒 模仿创作大师 午夜诡梦 三国:开局被曹操封护国瑞兽 全球震惊!我真不是盗墓贼 包装身份 办信用卡 贷款 建行信用卡未激活 信用卡的状态 重庆投诉包装办信用卡 包装身份 办信用卡 贷款 visa双标信用卡 哪家 信用卡的状态 刷邮政信用卡优惠政策 信用卡不还属于金融诈骗? 沃尔玛可以刷信用卡吗 jcb信用卡如何还款 jcb信用卡如何还款 建行为什么不让我办信用卡 建行信用卡未激活 信用卡境外大额消费 重庆投诉包装办信用卡 信用卡逾期房贷 信用卡不还属于金融诈骗? 信用卡储蓄卡套利 方法 信用卡过期自动注销 建行信用卡未激活 信用卡过期自动注销 信用卡储蓄卡套利 方法 信用卡没还上利息 信用卡什么样 建行为什么不让我办信用卡 包装身份 办信用卡 贷款 在外地出差能办信用卡吗 信用卡储蓄卡套利 方法 信用卡不还属于金融诈骗? 重庆投诉包装办信用卡 信用卡 附属卡 注销 信用卡无效能还款吗 信用卡境外大额消费 人死后信用卡欠款怎么办 哪个银行的信用卡公务卡好 信用卡无效能还款吗 信用卡的状态 建行为什么不让我办信用卡 信用卡年底好下吗 哪个银行的信用卡公务卡好 刷邮政信用卡优惠政策 广发信用卡几号还款 信用卡逾期房贷 IC信用卡 选号 信用卡 附属卡 注销 jcb信用卡如何还款 哪个银行的信用卡公务卡好 建行为什么不让我办信用卡 信用卡是否销卡怎么确认 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 一百个人的故事 我不做老千好多年 娱乐:在封杀边缘疯狂试探 帝都寻仙记 魂门人 皇冠登3出租 亚星管理平台 澳门葡京官网 皇冠登3出租 亚星官网 刷邮政信用卡优惠政策 信用卡什么样 信用卡年底好下吗 长春交行信用卡办理 信用卡不还属于金融诈骗? 信用卡无效能还款吗 哪个银行的信用卡公务卡好 信用卡无效能还款吗 信用卡的状态 哪个银行的信用卡公务卡好 IC信用卡 选号 信用卡是否销卡怎么确认 信用卡境外大额消费 建行为什么不让我办信用卡 信用卡什么样 日本用什么信用卡 信用卡储蓄卡套利 方法 长春交行信用卡办理 沃尔玛可以刷信用卡吗 信用卡过期自动注销 重庆投诉包装办信用卡 信用卡储蓄卡套利 方法 信用卡是否销卡怎么确认 信用卡不开通有年费吗 人死后信用卡欠款怎么办 交行信用卡白金卡怎么免年费 信用卡逾期房贷 visa双标信用卡 哪家 jcb信用卡如何还款 IC信用卡 选号