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
璧山申通电话宝鸡市社区服务中心电话璧山申通电话毕节马家湾顺丰点电话毕节市ems查询电话璧山区大兴镇电话宝鸡邮政客服电话璧山顺丰快递小哥电话宝鸡顺丰快递金台区电话包头昆区ems快递电话大同电校电话号码表璧山申通电话包头昆区投递局的电话北京万丰路芳菲路速递电话璧山顺丰快递小哥电话包头昆区ems快递电话宝鸡原解放军184医院门诊电话北京投递部电话北京投递部电话宝鸡客服电话宝鸡陇县温水派出所电话北京投递部电话宝鸡顺丰快递金台区电话宝鸡建国路小丽化妆品电话毕节市ems查询电话宝鸡高新顺风快递电话毕节马家湾顺丰点电话宝鸡建国路小丽化妆品电话宝鸡客服电话包头昆区投递局的电话他,奉命携带皇家礼器前往金国议和。 凤翔客栈,遭遇贼人下毒濒临死亡,皇家礼器不翼而飞。 危急时刻,他进入了一个神奇的世界。 似梦非梦的世界里,他成为了一名警察,破过无数大案要案。 而且他还得到了一个系统,不过这个系统有些古怪。 开局发了一个新手大礼包后,就沉静下来,直到他遇见她...... 当高等文明的科技繁衍到巅峰。 迈入到新的纪元历程。 玄能纪元历001年,借助庞大的宇宙资源能量合成改造系统。 高等文明的智慧生物,掌握了宇宙中不该被觊觎的玄能。 从此宇宙中开始频繁出现虫洞,导致时空错乱,平行世界相连! 被高等文明控制的宇宙暗物质暗能量,犹如细菌病毒,开始蔓延到宇宙的各个时空! 威胁程度足以波及到整个宇宙空间的浩劫随之而来……天龙国皇权覆灭后百年来有三个派系组成,士族派,中立派,变革派维持着整个国家的平衡。 但因为一个二三岁的男人改变了这种平衡,他为变革派代表,一心想要铲除世家门阀让国家成为一个人人平等的国度。离奇荒诞的穿越重生,阴差阳错的传承,让林樊,一个30多岁的青中年油腻老男人,开启了一段精彩另类的人生。 小说中波诡云谲的故事,电影中奇思妙想的场景,传说中的龙,凤,麒麟,古老神秘的神仙妖魔,当这一切都出现在他的面前,他茫然了,但他更欣喜了,看他如何在这圣帝,仙王的算计中一步步登临神界之巅。异界之中,宗门无数,强者林立,却受天道制裁,在天之下却无发比拟天道,在天道之下,我陈逸却要这逆天而行。 洛阳考古研究所在古教授的带领下进行了一次新疆考古活动,却不想被一个盗墓团伙在背后操纵利用。从此以后,这个考古所的行踪陷入了处处被动的境地。考古所一直想要反抗,摆脱这个盗墓团伙的利用,最后与之进行一场生死决战……陈凡本是富家公子,却因被人陷害,父母住院,公司破产,为了救父被迫入赘,却再次被人陷害,父母死亡,为了报仇,加入军队,十年后重返……天空突变,一次偶然的机会人类发现了比自己还强大的物种,贪婪的妄想却把沉睡千年的丧尸给惊醒了,不思考只听他人的人类征服选择了错误的选项差点毁掉世界,圣鹰小队能否侦破这起危机......王开的爹死了,于是他继承了老爹典狱长的位置。 故事开始。幽魂怨鬼频频出现,这是意味着什么吗?世间即将大乱吗? 在阴穴里滋养数十年的厉鬼,我该怎么去应付? 被饿鬼蚕食的人类,我该怎么去拯救? 从地狱里冲出的鬼潮,我又该如何面对… 隐藏在世间的妖魔,我又该如何分辨… 埋在地里的千年僵尸,我又该如何消灭… 面对冤魂厉鬼我也很害怕,稍不留神就会要了我的命!
所得与所失 万里江山图 文亦有道 疯了!代课两月,竟全考985 天界重生异能者 无聊的我被无聊死了 末世求生:我能随时伪装新身份 鬼校 法师世界之传说 弑神:从杀死秦始皇开始 活在封中 疯子笔记 陈氏专政下的宇宙 天才的异世界之旅 剑破恒明 屹天而行 鼠乱诸天 异世皇子之至尊骨 老留 极境1:孤命 宝鸡陇县温水派出所电话 北京万丰路芳菲路速递电话 宝鸡优速快递二部电话 毕节马家湾顺丰点电话 宝鸡陇县温水派出所电话 宝鸡市申通快递电话 宝鸡邮政客服电话 大同恒安新区圆通快递电话 宝鸡市社区服务中心电话 包头昆区交警5中队电话是多少 宝鸡市渭滨区疾控中心电话 宝鸡原解放军184医院门诊电话 宝鸡国税局电话 大同电校电话号码表 宝鸡客服电话 璧山县 河边镇 人民政府 电话 宝鸡邮政客服电话 宝鸡市社区服务中心电话 宝鸡顺丰快递金台区电话 宝鸡快递电话号码查询 北京万丰路芳菲路速递电话 璧山区大兴镇电话 宝鸡顺风快递公司电话 毕节市ems查询电话 大同电校电话号码表 宝鸡国税局电话 宝鸡市社区服务中心电话 宝鸡顺风快递公司电话 宝鸡顺丰快递金台区电话 宝鸡市社区服务中心电话 璧山县 河边镇 人民政府 电话 北京万丰路芳菲路速递电话 璧山顺丰快递小哥电话 宝鸡快递电话号码查询 宝鸡高新顺风快递电话 璧山县 河边镇 人民政府 电话 璧山申通电话 宝鸡邮政客服电话 宝鸡金台区宝铁办事处电话 璧山顺丰快递小哥电话 毕节马家湾顺丰点电话 包头昆区顺风快递电话 宝鸡快递电话号码查询 宝鸡虢镇陕机机床厂电话 北京万丰路芳菲路速递电话 大同恒安新区圆通快递电话 宝鸡虢镇陕机机床厂电话 毕节马家湾顺丰点电话 宝鸡客服电话 宝鸡邮政客服电话 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 娱乐:重回女儿去世前,爆红全网 灵古之地 玄幻:我能看见万物缺陷 神谕末日 他可能不是人类 欧博官网 亚星游戏官网 亚星官网 欧博官网 澳门葡京游戏官网 宝鸡快递电话号码查询 璧山申通电话 北京投递部电话 宝鸡市渭滨区疾控中心电话 宝鸡市社区服务中心电话 包头昆区顺风快递电话 宝鸡顺丰快递金台区电话 大同恒安新区圆通快递电话 宝鸡高新顺风快递电话 宝鸡邮政客服电话 璧山申通电话 璧山申通电话 宝鸡建国路小丽化妆品电话 宝鸡金台区宝铁办事处电话 宝鸡市社区服务中心电话 宝鸡高新顺风快递电话 宝鸡顺风快递公司电话 璧山区大兴镇电话 毕节市ems查询电话 宝鸡原解放军184医院门诊电话 宝鸡市社区服务中心电话 璧山县 河边镇 人民政府 电话 宝鸡虢镇陕机机床厂电话 大同电校电话号码表 宝鸡市申通快递电话 宝鸡邮政客服电话 璧山申通电话 璧山申通电话 宝鸡市渭滨区疾控中心电话 宝鸡虢镇陕机机床厂电话