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
池州黄浦驾校校长大件驾校价格表池州黄浦驾校校长滁州驾校预约考试系统辰翔驾校报名电话池州黄浦驾校电话春申驾校学费池州黄浦驾校校长大厂东方驾校收费标准辰翔驾校预约练车电话辰翔驾校预约电话池州黄浦驾校校长春申驾校金教练好吗辰翔驾校报名热线电话池州黄浦驾校校长是谁辰翔驾校预约练车电话春申驾校颜教练辰翔驾校报名考试电话辰翔驾校报名考试电话池州黄埔驾校学费大郝南和驾校电话辰翔驾校报名考试电话大厂东方驾校收费标准池州黄埔驾校前台电话辰翔驾校报名电话池州黄埔驾校考试中心电话滁州驾校预约考试系统池州黄埔驾校前台电话池州黄埔驾校学费春申驾校金教练好吗阳城三名初中生秉承不同的恋爱观,走向了三种人生。穿越洪荒百万年,还是玄仙修为   林长青绝望之际,师尊通天赐予九转金丹   没想到,竟然觉醒诸天赠送系统!   赠送九转金丹,返还百亿功德!   赠送通天剑符,返还神象镇狱劲!   赠送黄中李,返还混沌灵根!   赠送盘古精血,返还……   林长青行走洪荒,赠送无数宝物,杀妖,屠魔,救人族!   终于,当量劫降临之时,林长青一人横立量劫之前,挥手扫灭无边劫云!一个名为往生界面的神秘存在将已“死去”的人们复活化作超界者于各个界面来回穿梭,执行各种任务。 往生界面——“签下签约,死亡或是活下去变得更强,由你自己决定。” 运气亦可能是实力的一部分....本书以主人公于乐的成长经历为主线,描述了以于乐为代表的85后在社会快速发展浪潮中经历的种种改变。涵盖了童年、校园和职场等阶段,有励志、有青春、有怀旧、有伤感、有纯真的爱情和你我共同经历过的回忆。一直遭受女朋友母亲无情刁难辱骂为“破代驾”的他,却因其英俊,技术好被绝美女客户看中,青睐有加! 旋即,叶飞豪在卷入一场女人的战争后,可谓时来运转,竟意外获得第一桶金,并寻得惊世灵根,激发旷世医武道法! 从此他投身商海,掀波弄潮,美女财富涌来;更是纵横医武,打脸各色权贵,横扫都市,成就一代豪横世家!剑走轻灵,取日月之息,潇洒江湖。然而,剑道漫漫,成功者寥寥无几。在世间剑修没落的时候,一位少年阴差阳错走上了习剑之路……古老偏僻的山里,经常看到两个人你追我赶。城市的夜晚一人一猫为啥追逐不停。 这些破事没有一件不扯淡世界是被异常的嗜睡症击中,并出现大量人员昏迷。蔡苏宇陷入异常的嗜睡症,被转移到次元战场。很久很久以前,有一座山,名为葬灵山;葬灵山的西边有条渊,名为无相之渊;无相之渊的西边,有一座学府,名为真武院;而故事,则要从葬灵山东边的那座凌天帝国讲起……神魔的游戏,养蛊人类,是举刀拿剑逆战万族,还是低眉俯首甘为奴仆,普通人的野望,你我是否都幻想过打破秩序,生与死,血与泪,离别与重逢,种种的选择,这是一部笑中含泪的作品,且看普通人如何末世中挣求活,选择自己的人生。
我掌控了因果 民间梦异录 修仙,我有系统 系统:转生成狗也要当最强 澪囬燚:知雨梦幻 仙魔逆之轮回身 网游之星觉逆世 法之元 已死回生 南靖武侠传 逍遥修仙长生传 踏雪梅开 朕要做千古一帝 九城进少 再去西游 舍我尊者 灵能风暴中的收藏家 回到过去当盖亚 网游:我有逆天道具 潜龙神医 大连北方驾校报名点 辰翔驾校预约电话号 春申驾校颜教练 辰翔驾校报名电话 大连北方驾校报名点 池州黄埔驾校考试中心电话号码 春申驾校自动挡教练 大同市天镇县骏驰驾校 池州黄埔驾校考试中心电话 春申驾校教练人员名单 大厂东方驾校收费标准 从业资格证去驾校考吗 池州黄埔驾校前台电话号码 辰翔驾校预约电话号 池州黄浦驾校电话 辰翔驾校报名电话 春申驾校自动挡教练 池州黄埔驾校考试中心电话 大货车培训驾校 池州黄浦驾校校长 辰翔驾校预约电话号 池州黄浦驾校校长是谁 大件驾校价格表 辰翔驾校报名热线电话 辰翔驾校预约练车电话 池州黄埔驾校前台电话号码 池州黄埔驾校考试中心电话 大件驾校价格表 大货车培训驾校 池州黄埔驾校考试中心电话 辰翔驾校报名电话 辰翔驾校预约电话号 赤壁万通驾校报名电话 池州黄浦驾校电话 池州黄埔驾校前台电话 辰翔驾校报名电话 赤壁万通驾校报名电话 春申驾校颜教练 池州黄埔驾校前台电话号码 池州黄浦驾校校长是谁 滁州驾校预约考试系统 春申驾校教练人员名单 池州黄浦驾校 春申驾校自动挡教练 辰翔驾校报名热线电话 辰翔驾校预约电话号 从业资格证去驾校考吗 滁州驾校预约考试系统 池州黄埔驾校前台电话号码 春申驾校学费 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 亚星游戏官网 至尊剑帝 人在娘胎:我和女帝相爱相杀 穿越时空争霸战 火影忍者穿越到日向家 全职法师中的悠闲生活 快连下载 亚星游戏官网 亚星官网 快连下载 亚星管理平台 春申驾校学费 大郝南和驾校电话 池州黄浦驾校校长 辰翔驾校报名考试电话 池州黄埔驾校前台电话 赤壁万通驾校报名电话 大连北方驾校报名点 辰翔驾校预约电话 池州黄浦驾校 春申驾校学费 春申驾校学费 辰翔驾校预约练车电话 大同市天镇县骏驰驾校 辰翔驾校报名考试电话 辰翔驾校预约电话 滁州驾校预约考试系统 春申驾校那个教练好 大厂东方驾校收费标准 池州黄浦驾校电话 辰翔驾校报名考试电话 春申驾校自动挡教练 池州黄浦驾校校长是谁 大件驾校价格表 辰翔驾校报名热线电话 池州黄浦驾校 春申驾校学费 春申驾校学费 池州黄浦驾校校长 池州黄浦驾校校长是谁 池州黄埔驾校前台电话号码