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
一淘软件怎么联系客服?一淘软件怎么联系客服电话熊猫在电脑上怎么直播软件学普通话和英语软件压缩软件64无广告一淘软件怎么联系客服?小米自带手机录屏软件哪个好用熊猫在电脑上怎么直播软件邀请有钱的软件学生手机定位软件下载小米6怎么停止系统更新系统更新软件熊猫在电脑上怎么直播软件秀米编辑器在哪里下载软件小米6怎么停止系统更新系统更新软件学初中英语的好软件下载学生手机定位软件下载一款很搞笑的游戏软件压缩软件无广告版压缩软件无广告版修酷的软件有哪些衣福软件压缩软件无广告版邀请有钱的软件一键安全关机重启软件学西班牙语跟读软件一软件老是闪退学西班牙语跟读软件一键安全关机重启软件修酷的软件有哪些秀米编辑器在哪里下载软件世界上常有死人复活、绝症被治愈的传言,在当今崇尚科学的社会,这些谣传往往不攻自破。正所谓医有医道,大道三千,小道无数,凡事无绝对,你所听到的不一定是真的,你所看到的也可能是人为加工过的真相而已。这个世界是否还存在着一种不为大众所知的医学,它可以用独特的治疗方式治愈那些所谓的不治之症呢?如果有,是什么样的医学如此神奇?又是什么样的一群人在从事如此神秘的工作?他们背后又会有怎样惊心动魄的事迹呢?这是似忽是一个中世纪世界,但又有像九夏,阿拉汉,瀛洲这样的东方国家。 这个世界有淳朴的人类,有高洁的精灵,有可爱的兽人,有邪恶的魔族......至少林武刚穿越到这里时是这么认为的。 他是以一个人类的身份来到这个世界的,在他生活的人类国家里,有美丽的贵族小姐,善解人意的修女,英俊的骑士,开明的领主。你可以在城里的公会里注册成为一个冒险者,成为一个传说;又或是拜入领主麾下,成为一名骑士,征战四方;还是成为商人,富甲一方。 但林武看到衣着华丽的贵族,衣衫褴褛的农奴;金碧辉煌的宫殿,充满恶臭的贫民窟;摆满桌子的山珍海味,发霉的面包,林武觉得这第二次生命,应为这世界上最美好的事情奋斗,他将带领这些绝望的人换一个活法,一个更有意义的活法。穿越到玄幻世界,好不容易加入了圣地宗门觉醒了御灵系统 谁想到攒了几个月家底贷款炼制出来的御灵丹就被圣地的圣女师姐误食了 结果因祸得福,获得隐藏奖励 但是接下来的和灵宠服从性测试任务让白云琦傻眼了 “首先是原地转圈!” “然后是摸头舔手!” “最后是以坐骑形态出击!” ....... “师姐,你也不想你在大庭广众之下做服从性测试吧?” 本以为一次是意外,但一次接一次的被其他美少女吃下御灵丹,白云琦的心态发生了微妙的变化:这是御灵还是御人啊......陆无忧本是一世俗王朝的普通人,在他九岁那年,被一场修士的激战波及,机缘巧合之下踏上仙路,只求他日成大道,得永生…… 人生几何,对酒当歌,道路长远,上下求索。 如果有一天,你不用再去考虑任何东西,只需要去做自己想要做的,那你会想要去做什么? 高骑大马的白衣少侠,手捧书卷的儒袍读书人,端着破碗的褴褛乞丐,身份贵重的华袍官员······ 如果有一天,你突然穿越之后,又发现了自己不会死,你又会想要做什么? 我叫李三四,木子李,不三不四的三四。 从现在开始,我宣布我是最大的,我宣布我是最自由的,我宣布,这个时代······它就叫李三四! 雨淅淅沥沥的下着,连绵的雨水打在白桦树叶上沙沙作响,也许是上天的施工队太吵了吧,惊的屋内的人醒了过来……身患绝症的叶文偶得太极拳的真传,并且觉醒了弘扬武学系统! 只要他用武学影响更多人,就能获得积分,兑换顿悟机会,获得各种高阶武学! 甚至,治好自己的病。 从此,叶文开启了他的练武直播! 拳震所有武林宗门,脚踏世间不服之人! 只有你想不到的招式,没有我治不了的高人! 所有人都要恭恭敬敬地,在键盘上叫一声“武神”。 叶文:“货真价实的太极拳要不要学?飞檐走壁的梯云纵要不要了解一下?不要?早晚你要跪地求着我要!”别家老师军训东躲西藏,你军训拿ak47突突教官?! 别家老师上课认真教书,你上课带我们玩VR?! 别家老师放假让我们注意安全,你放假带我们荒岛求生?! 抱歉,这样的老师,给我来一打!!! 对老师而言,保护学生是职责,即使自己是一个杀手。 灵气复苏的来临,阴谋与疑云渐渐浮出水面,一个脱离组织的杀手如何改变自己的命运?这是一个世界~作为旁观者,记录六段也许并不普通的故事;作为等待者,是否能等待重逢的那日。这是恩怨的了解之章,也是六条截然不同的道路。
龙城战歌 异界最强户口本 黑客:无解入侵 崛起风云路 穿书反派的我只想杀青,女主人设崩坏了 孤帆远星 变强从屠龙开始 刀问三十三 都市万古医尊 重生创业网络帝国 狗狼 异武新大陆 君不见姜劫 血染轮回:护你成帝 无尽:神明游戏 九天破灵 废土巫师 葬音者 游历散记 我翻书找计策 学二胡有什么软件 学日语翻译需要什么软件 一款很搞笑的游戏软件 压缩软件64无广告 学二胡有什么软件 一款可以听故事的软件 一款很搞笑的游戏软件 修改苹果地图定位软件下载 一软件老是闪退 一键照片变手绘软件下载 学生网上挣钱软件是真的吗 学生网上挣钱软件是真的吗 雅思听力软件推荐 学日语翻译需要什么软件 一淘软件怎么联系客服? 压缩软件64无广告 学生查成绩软件 一软件老是闪退 秀米软件编辑器 熊猫在电脑上怎么直播软件 学日语翻译需要什么软件 学初中英语的好软件下载 秀米软件编辑器 小米6怎么停止系统更新系统更新软件 学生手机定位软件下载 雅思听力软件推荐 一软件老是闪退 一淘软件怎么联系客服电话 秀米软件编辑器 一软件老是闪退 压缩软件64无广告 姓氏锁屏是什么软件 学普通话和英语软件 一淘软件怎么联系客服? 一键安全关机重启软件 学西班牙语跟读软件 学普通话和英语软件 一款很搞笑的游戏软件 雅思听力软件推荐 学初中英语的好软件下载 学西班牙语跟读软件 一键照片变手绘软件下载 修改苹果地图定位软件哪个好 学生查成绩软件 小米6怎么停止系统更新系统更新软件 姓氏锁屏是什么软件 学生网上挣钱软件是真的吗 学西班牙语跟读软件 雅思听力软件推荐 小米自带手机录屏软件哪个好用 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 模拟修仙:我能无限重启! 神异制衡 圣穹寂 苟延残喘罢了 钱小亮种田笔记 欧博游戏官网 皇冠登3出租 百家乐官网 欧博游戏官网 亚星管理平台 学初中英语的好软件下载 一淘软件怎么联系客服电话 熊猫在电脑上怎么直播软件 学西班牙语跟读软件 学普通话和英语软件 一款可以听故事的软件 秀米编辑器在哪里下载软件 学生查成绩软件 一键安全关机重启软件 雅思听力软件推荐 一款可以听故事的软件 学日语翻译需要什么软件 雅思听力软件推荐 一淘软件怎么联系客服? 姓氏锁屏是什么软件 学二胡有什么软件 衣福软件 学普通话和英语软件 一键照片变手绘软件下载 小米手机如何恢复手机通讯录备份软件下载 秀米编辑器在哪里下载软件 压缩软件64无广告 一软件老是闪退 修酷的软件有哪些 小米手机如何恢复手机通讯录备份软件下载 姓氏锁屏是什么软件 压缩软件无广告版 邀请有钱的软件 小米6怎么停止系统更新系统更新软件 学生手机定位软件下载