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
宝宝排便次数正常但是稀两个月的宝宝粑粑酸臭宝宝2岁还不会走路的有吗三个月宝宝幼儿急疹15个宝宝发烧宝宝排便次数正常但是稀宝宝能用氨溴索分散片宝宝2岁还不会走路的有吗我家宝宝晚上十一二点就哭孕期宝宝心疼妈妈的表现胎宝宝白天动得多宝宝能用氨溴索分散片宝宝一般几个月接受奶粉胎宝宝白天动得多宝宝又后仰又打挺又哭闹孕期宝宝心疼妈妈的表现宝宝排便次数正常但是稀一岁宝宝辅食能吃多少一岁宝宝辅食能吃多少16个月的宝宝能吃红枣桂圆吗宝宝刚冒牙就有缺口一岁宝宝辅食能吃多少三个月宝宝幼儿急疹吃奶粉的宝宝便秘如何调节宝宝突然洗澡哭闹宝宝肠胃炎要怎样治疗宝宝突然洗澡哭闹吃奶粉的宝宝便秘如何调节16个月的宝宝能吃红枣桂圆吗宝宝一般几个月接受奶粉想成为万众睹目的男人吗? 想拥有名表豪车吗? 想成为无人敢欺的大佬吗? 当蓝星进入灵气复苏时代,先人一步,成为天下无敌! 道尘本是一个毫无灵根的废柴,注定无法修炼,但是他确实一个顶级富二代,本以为,就只能平平淡淡的渡过这一生,可谁都没想到,他在一次濒临死亡时,发现了自己的真实身份,从此开启了他这传奇的一生……江潮刚穿越古代,发现前身是个好吃懒做的主,家里还有一对苦命姐妹。 眼看断粮要饿死,江潮只能做个勤劳的小蜜蜂。 却不想日子有点盼头,土匪又上门了。 都不想我活是吧?那我就先弄死你,我可是全能特工,先弄几颗土雷轰你娘的。 土雷不怕?枪怕不怕?要不就搞几门炮炸你玩玩!没事,数理化哥全能。你来再多,有的是办法对付你。 朝为田舍郎,暮登天子堂! 从乡野到朝堂,江潮靠着领先这个时代千年的知识,竟渐渐握住了这个强盛王朝的脉搏。废物少年重新修炼,恶魂缠身 魂武双修,成就最强英魂师, 此世恶鬼皆由他来命名某个现代一个神秘的少年韩霄被一个神秘的世界穿越到武朝时代,但他来到末曾见过一个不一样的古代世界里。 他帮助武朝完成统一,实现了他未曾相识的世界。刚毕业大学生陈凯为救落水女孩,献出自身性命。女孩为了逃避自己爸妈责难,指认陈凯就是将自己推下水的元凶。混沌初开天道始,万族林立生者适。天道如海唤天堑,踏海征途道之巅。 ——洛尘兮 世间万物皆修行,道俱万千谁能赢。百花齐放争天地,唯有强者动乾坤。 ——黄梦燃 天堑海之巅,道祖洛尘兮与仙祖黄梦燃为道统之争一决胜负。最终洛尘兮技高一筹,将黄梦燃打下天堑海之下。自此天堑海上再无仙祖黄梦燃之威名,殊不知这只是黄梦燃借此达到他计划的第一步——重生!人类、异兽、亡灵,三个不同世界的种族同时遭受了灭顶之灾,在天人族的援助之下,他们进入了《寰宇》大陆。 资源的有限和欲望的无限是每个种族都要面临的矛盾,于是,一场针对人族的灭族之战开始了,人族被屠戮殆尽。 在战争的最后时刻,王任终于拿到了人族最后的希望,逆天级道具——时光尺。 伴随着系统的死亡提示,王任回到了5年前,《寰宇》刚刚开服的时刻。 王任看着活过来的时光尺,忽然明白,重生,才是人族的希望。 一条重建人族的复仇之路在他的面前缓缓展开。 这次,他要重新发起灭族之战,而灭族的对象,却不再会是人类。千年后 唯一存活在世上的高等人类洛亚,去发现千年后的世界魔法水平落后于自己的认知。 然而感受到他气息的五大魔王之一托马斯·米德蒂奇,不愿这世上存活任何一个高等人族,再次展开千年前的追杀。 在洛亚的旅途中解释了不少同伴,而且除了他以外全部都是穿越者,或者重生者, 一会使用灭龙魔法的少女, 一个使用一把会说话的魔剑的猫儿少女。 共同踏上讨伐魔王的道路......球迷还在羡慕日本的留洋大军,韩国的孙兴慜吗?且看王金类获得球王教练系统,拿遍五大联赛金靴,获得欧冠冠军,将中超变成顶级联赛,带着中国足球乃至亚洲足球崛起,率队勇夺世界杯!
灵兵时代 极品回春大国医 小农村的离奇故事 超能异术:传奇忽悠苏大师 元神圣魂 逍遥王破山河 弑爱如归 诸天造化书院 都市极品天师 努力的活下去 不是一般的校园修仙 天地任我行之一 毕业后,我竟成了契主 仙鹤大人,爱上我 启灵之师 在异世界修仙的那些日子 星空漫游者 回归悲凉 选择罢工的系统和宿主 鲁笠的灵异故事报 宝宝起硬红疙瘩图片 宝宝拉屎拉一点点有点绿 宝宝又后仰又打挺又哭闹 15个宝宝发烧 宝宝起硬红疙瘩图片 二个月宝宝口疮 宝宝又后仰又打挺又哭闹 宝宝吃调理肠胃药吃多了有事吗 孕期宝宝心疼妈妈的表现 16个月的宝宝能吃红枣桂圆吗 宝宝突然洗澡哭闹 宝宝突然洗澡哭闹 宝宝一般几个月接受奶粉 宝宝拉屎拉一点点有点绿 宝宝排便次数正常但是稀 15个宝宝发烧 宝宝吞下开心果的壳 孕期宝宝心疼妈妈的表现 胎宝宝白天动得多 宝宝2岁还不会走路的有吗 宝宝拉屎拉一点点有点绿 一岁四个月宝宝20斤 胎宝宝白天动得多 宝宝摔倒脑袋后遗症 吃奶粉的宝宝便秘如何调节 宝宝一般几个月接受奶粉 宝宝起硬红疙瘩图片 两个月的宝宝粑粑酸臭 胎宝宝白天动得多 孕期宝宝心疼妈妈的表现 15个宝宝发烧 宝宝肠胃炎要怎样治疗 三个月宝宝幼儿急疹 宝宝排便次数正常但是稀 15个月宝宝消化不好怎么办 宝宝刚冒牙就有缺口 三个月宝宝幼儿急疹 宝宝又后仰又打挺又哭闹 宝宝一般几个月接受奶粉 一岁四个月宝宝20斤 宝宝刚冒牙就有缺口 16个月的宝宝能吃红枣桂圆吗 15个月的宝宝不会走路怎么办 宝宝吞下开心果的壳 宝宝摔倒脑袋后遗症 宝宝肠胃炎要怎样治疗 宝宝突然洗澡哭闹 宝宝刚冒牙就有缺口 宝宝一般几个月接受奶粉 宝宝能用氨溴索分散片 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 所得与所失 禁羽录 关于勇者想当我妹夫这件事 无敌魔主,签到奖励来败家 他在黑暗看着我 万利官网 欧博官网 皇冠登3出租 万利官网 欧博官网 一岁四个月宝宝20斤 15个宝宝发烧 宝宝吃了开心果 1岁半宝宝腿上有白点 三个月宝宝幼儿急疹 宝宝肠胃炎要怎样治疗 二个月宝宝口疮 宝宝一般几个月接受奶粉 15个月宝宝消化不好怎么办 吃奶粉的宝宝便秘如何调节 宝宝摔倒脑袋后遗症 宝宝吃调理肠胃药吃多了有事吗 我家宝宝晚上十一二点就哭 胎宝宝白天动得多 宝宝吃调理肠胃药吃多了有事吗 一岁四个月宝宝20斤 一岁宝宝辅食能吃多少 孕期宝宝心疼妈妈的表现 宝宝起硬红疙瘩图片 宝宝又后仰又打挺又哭闹 宝宝吃了开心果 15个月宝宝消化不好怎么办 15个宝宝发烧 宝宝肠胃炎要怎样治疗 1岁半宝宝腿上有白点 15个月的宝宝不会走路怎么办 宝宝吞下开心果的壳 胎宝宝白天动得多 宝宝排便次数正常但是稀 宝宝2岁还不会走路的有吗