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
刀塔头像图片eason搞怪的头像图片有个性酷的头像酷的qq头像女qq女生头像高冷黑白霸气刀塔头像图片动漫头像男生吹泡泡有个性酷的头像头像高清hellokitty妹子冷酷头像女生头像最帅气文字头像有个性酷的头像非主流头像霸气头像带字图片最帅气文字头像龙头像图妹子冷酷头像女生头像粉色美女头像帅哥的微信头像一般是什么意思帅哥的微信头像一般是什么意思cf辅助qq头像纹身小清新图案情侣头像帅哥的微信头像一般是什么意思头像高清hellokitty原宿风清新森系女头像二郎腿男生霸气头像漫画头像男生 蓝色二郎腿男生霸气头像原宿风清新森系女头像cf辅助qq头像非主流头像霸气头像带字图片落魄家族苏家下人沈利,自幼和父母逃亡澳州。他痴迷于射击,经常在澳洲荒原狩猎,家中突然的变故,让父亲遇害,母亲爱伤,沈利提枪复仇,被近卷入了战争,沈利加入澳新军团,前往欧洲战场……一名少年天赋异禀,因被手足残害险些命丧他手,不曾想因祸得福在机缘巧合之下寻得仙界神兵。当绝世神兵再现,引仙魔觊觎之时,他又将迎来一场怎样的命运呢?妖魔肆虐,人类势弱,源自远古的基因于血与泪觉醒,这是科技与魔法的世界,为对抗无止境的妖魔,须弥戒由此诞生,最强的战士由此产生小人物阿云,痛并快乐的人生历程,学校生活的是是非非……咯做尼同学穿越到历史严重断层的平行世界,韩休发现这里有档名为《前世今生》的节目,登上节目,就可以帮助选手回忆起前世记忆。 当韩休登上节目后,观众们惊骇的发现,他轮回九世皆为英烈! 第一世蜀汉武侯诸葛亮:功盖三分国,名成八阵图! 第二世抗金名将岳武穆:靖康耻,犹未雪;臣子恨,何时灭! 第三世铁骨铮铮文天祥:人生自古谁不死?留取丹心照汗青! …… 第九世炎帝神农:安知尝试者,百死百生来! 当前世曝光,全网泪崩!自大爆炸发生那天起人类的文明遭到了毁灭性的打击,突然出现的一种叫噬的液体生物,无声侵入人体,操控他们的行动和思维,仅仅是几个月的时间人类众多的城市都成为噬的巢穴。带着疲惫的身心和仿佛燃尽的灵魂,苍浩回到了家乡,成了地产公司的普通员工,却惊讶的发现上司是自己的青梅竹马……都市商场,杀机陡现,神秘敌人暗中潜伏,且看苍浩如何突出重围。这不是最美好的世界,但这是一部热血逆袭,用双手创造一个理想年代。全人类都没想到,一场突如其来的灾祸,部分人类消亡,文明和科技倒退,全球走向末日时代,世界格局重新洗牌,不再有国家的界限,而是被几大区所代替。 在这个末日新世界,人人在自保,人人都在自救,而此时一个叫做肖章的青年从最贫困的第三无人区走出……
这颗星星不对劲 出色魔术师不是魔术 超凡进化:横推九天万界 恶之渊 垂钓诸天万界 窃盗诸天 禁岛战狼 我不可能是神 单身狗修仙 诸神博物馆 魔语星途 我真不会法术 少女回魂 明月寒君 白昼流星 幽异之王 艾莫的诅咒 末世生存 : 新主 朽魂万骨枯 大风漫漫 暖色系意境头像女生 头像欧美情侣动漫头像 粉色美女头像 qq女生头像高冷黑白霸气 暖色系意境头像女生 头像文字主动久了 粉色美女头像 手绘闺蜜头像一人一 漫画头像男生 蓝色 2017头像浪女街头 tf家族可爱头像 tf家族可爱头像 微信头像男生高冷头像图片 头像欧美情侣动漫头像 刀塔头像图片 qq女生头像高冷黑白霸气 qq欧美闺蜜头像霸气头像 漫画头像男生 蓝色 qq头像游戏头像大全下载大全 有个性酷的头像 头像欧美情侣动漫头像 龙头像图 qq头像游戏头像大全下载大全 最帅气文字头像 妹子冷酷头像女生头像 微信头像男生高冷头像图片 暖色系意境头像女生 eason搞怪的头像图片 qq头像游戏头像大全下载大全 漫画头像男生 蓝色 qq女生头像高冷黑白霸气 头像制作前图片 酷的qq头像女 刀塔头像图片 原宿风清新森系女头像 二郎腿男生霸气头像 酷的qq头像女 粉色美女头像 微信头像男生高冷头像图片 龙头像图 二郎腿男生霸气头像 2017头像浪女街头 社会纹身图片头像 qq欧美闺蜜头像霸气头像 最帅气文字头像 头像制作前图片 tf家族可爱头像 二郎腿男生霸气头像 微信头像男生高冷头像图片 动漫头像男生吹泡泡 亚星游戏官网 亚星官网 亚星官网 亚星官网 亚星官网 人在娘胎,就已无敌 全界统治者 血与火之歌:北境之王崛起 白契 神灵的影子 万利官网 皇冠登3出租 百家乐官网 万利官网 欧博官网 原宿风清新森系女头像 cf辅助qq头像 龙头像图 二郎腿男生霸气头像 头像欧美情侣动漫头像 纹身小清新图案情侣头像 原宿风清新森系女头像 粉色美女头像 eason搞怪的头像图片 2017头像浪女街头 cf辅助qq头像 头像高清hellokitty qq女生头像高冷黑白霸气 qq女生头像高冷黑白霸气 刀塔头像图片 刀塔头像图片 原宿风清新森系女头像 微信头像男生高冷头像图片 暖色系意境头像女生 酷的qq头像女 头像制作前图片 头像高清hellokitty 头像文字主动久了 最帅气文字头像 qq头像游戏头像大全下载大全 原宿风清新森系女头像 手绘闺蜜头像一人一 龙头像图 tf家族可爱头像 tf家族可爱头像