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
日照驾校电话号码庆华东苑驾校投诉电话日照正通驾校贴吧荣成市顺通驾校教练人才驾校在哪里日照驾校电话号码青年路海鸥驾校在哪里日照正通驾校贴吧清风驾校在哪里去别的驾校考试需要什么手续去别的驾校考试需要多久日照驾校电话号码青岛远通驾校怎么样去别的驾校考试需要多久日照正通驾校贴吧去别的驾校考试需要什么东西青县马场驾校地址人才驾校在哪里人才驾校在哪里仁怀女子驾校好不清河到海淀驾校人民路西头有什么驾校清风驾校在哪里仁和驾校怎么样荣庆驾校肖教练手机号庆华驾校总校校长荣成市顺通驾校教练乔创驾校学车场地仁怀女子驾校好不青年路海鸥驾校电话一个刚出校园的大学狗被社会毒打得回了老家,灰头土脸的他因意外重生到了修仙界。在这里,还有与他一起重生的冤种大黑狗。 “好汉饶命!你要揍请揍我的狗!” “你他喵的是真的狗啊!” 天要亡我,仙要灭我,我唯有一狗,可开天,弑仙...“咦,我的狗呢?” 小说以多个单元故事呈现给读者,欢迎大家阅读。一本奇幻的书 打开了欲望之门 开启了平行宇宙 书说啊 只要虔诚作伴 你会遇到平行中的另一个你武林绝学重出江湖,上到大门派,下到小刀客,都为之痴狂,且看破落门阀后人宁启如何快意江湖~【诸善奉行,诸恶莫作,自净其意】 爷爷的笔记,让南生对熟悉的世界感到陌生。游戏与考试有时可以实现完美结合,而道德也应该影响考试的结果,某个班级里的十五名男生也这么想。他们个个都在某些领域有着自己的专长,也有着自己致命的缺陷。他们有的出身显赫,父母都热爱读书;有的却不幸出身于一个思想境界低下的家庭,不慎被家庭影响,坠入无底深渊。突然,他们被卷入了一场场特殊的考试之中,他们需要用自己学过的知识去应对各种各样的险境。你认为他们能成功吗? 阿琉族,是天下间被诅咒的家族,族内嫡系血脉身附神力,传闻是神族后裔,族内最高首领世代继承阿琉族圣物阿琉玉。上古神器阿琉玉,据说背负着天下至高神——道神太天的血和灵力,因此也被诅咒。虽说时代更迭,王朝换代,但野心勃勃的世人们依旧垂涎这被诅咒的上古神器阿琉玉,传说若能唤醒阿琉玉,便可像至高神太天一样永生。阿琉一族为守护阿琉玉,一直颠沛流离,四海为家,直到第九任族长阿琉肃里开辟了叶秋镇作为新的家园,阿琉族才正式定居安家。好景不长,一句预言打破了叶秋镇的宁静。“阿琉阿琉,神族后裔;阿琉圣玉,可掌天下;背负诅咒,先祖之殇;幽幽灵神,降于叶秋;人前之子,人后之凰。”少族长阿琉思南一行人在预言之下又该如何应对种种危机?段白云生来无缘仙道。 一句谣言,一朝灭门。 流落到云峰大陆的段白云机缘巧合开启了修仙之路。 他拿着万众执念的东西重回天洲,又将那东西摔落泥泞。 段白云:我就要以我废材之名告诉他们,不是什么人都能够飞升成神!一个残疾人靠着幽默在现实直播中实现自身价值。 一个粉丝心中的无冕之王。 老婆多,是他的第一个标签。灵魂歌手,尿床是他的家常便饭。 起源2028年,唐侗寒进入华夏东北总修学院,入院后偶然间遇到副院长儿子和女儿,交谈之后唐侗寒提出解决方法,返回冀州拿书,在返回学院的铁路遇袭…… 起源2030年唐侗寒离开人界,前往九界中的其他八界。2032年,魔界联合仙界、妖界、九幽界三界进攻人界,危难时刻,华夏孤寒现身,唐侗寒(孤寒)率异界、佛界、神界、冥界、援军赶到,最终一统九界。 起源2034年,外来宇宙入侵,九界奋起抵抗,联合支援的宇宙太虚临时执法会获得胜利。
心中锄头手中刀 私家侦探之小人物 关于重生后的老婆嫌弃我是个穷鬼这件事 平凡之一 圣光照我追相公 最是人间第一流 黑洞之三维打四维 一次记录 浪荡人生 凌枫传 修个长生大道 荒帝纪年 仙海逆程 卡恩的真实阿拉德之旅 我被仙门选中了 七元剑神 永恒成长 天圣戒主 重生之大帝奶爸 落影山 乾元大帝 庆华驾校总校校长 去别的驾校考试需要什么东西 青县马场驾校地址 人才驾校在哪里 庆华东苑驾校投诉电话 乔创驾校学车场地 青阳黄浦驾校 取消驾校考试需要几天 求日本驾校考题 青岛远通驾校怎么样 清风驾校官网 清风驾校官网 仁和驾校怎么样 去别的驾校考试需要什么东西 日照驾校电话号码 荣庆驾校肖教练手机号 青阳镇驾校 庆华驾校总校校长 庆华东苑驾校长安分校 日照正通驾校贴吧 去别的驾校考试需要什么 日照正通驾校贴吧 庆华东苑驾校长安分校 人民路西头有什么驾校 去别的驾校考试需要什么手续 仁怀女子驾校报名费 庆华驾校总校校长 庆华东苑驾校长安分校 庆华东苑驾校长安分校 求日本驾校考题 人才驾校在哪里 去别的驾校考试需要什么 荣成市顺通驾校教练 日照驾校电话号码 仁和驾校怎么样 荣庆驾校肖教练手机号 荣成市顺通驾校教练 青阳黄浦驾校 仁和驾校怎么样 荣成市顺通驾校电话 荣庆驾校肖教练手机号 取消驾校考试需要几天 仁怀女子驾校好不 青阳镇驾校 去别的驾校考试需要多久 去别的驾校考试需要什么 清风驾校官网 荣庆驾校肖教练手机号 仁怀女子驾校报名费 青县马场驾校地址 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 孤岛行 小白也有武侠梦 齐天云帝 残剑异闻录 正道发光 皇冠登3出租 亚星管理平台 澳门葡京游戏官网 皇冠登3出租 亚星游戏官网 取消驾校考试需要几天 去别的驾校考试需要什么东西 青岛远通驾校怎么样 日照驾校电话号码 荣庆驾校肖教练手机号 青岛远通驾校怎么样 青年路海鸥驾校在哪里 青岛远通驾校怎么样 仁和驾校怎么样 青年路海鸥驾校在哪里 青阳镇驾校 求日本驾校考题 去别的驾校考试需要什么东西 去别的驾校考试需要多久 清风驾校在哪里 仁怀女子驾校好不 日照正通驾校贴吧 日照驾校电话号码 庆华东苑驾校投诉电话 去别的驾校考试需要什么手续 青年路海鸥驾校在哪里 日照正通驾校贴吧 求日本驾校考题 庆华东苑驾校投诉电话 人民路西头有什么驾校 求日本驾校考题 仁怀女子驾校报名费 人才驾校在哪里 仁怀女子驾校报名费 青阳镇驾校