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
宝宝头上虱子宝宝为什么会打呼噜怎么治宝宝头往后闪了一下宝宝突然结巴能好吗1岁宝宝每天小便多少次宝宝头上虱子宝宝咽颊炎会传染吗宝宝头往后闪了一下宝宝性格外向宝宝眼周突然变红33周宝宝需要什么胎教宝宝头上虱子宝宝咽喉溃疡多久会好33周宝宝需要什么胎教宝宝头往后闪了一下宝宝眼周突然变红宝宝咽峡炎要灌肠几天1岁宝宝每天小便多少次1岁宝宝每天小便多少次宝宝头部磕碰后发烧宝宝虚火推拿脊背1岁宝宝胃经湿热宝宝性格外向宝宝体检异常怎么办?1个月的宝宝吃几罐奶粉宝宝五个月了总是吐奶宝宝突然结巴能好吗宝宝膝盖内扣怎么办宝宝头部磕碰后发烧宝宝咽颊疱疹怎么办男护士转生异世界,竟然被职业评定选择成了最稀有职业-男性圣职者?本来以为可以在异界享受人生,迎娶公主,走上巅峰,没想到卷王居然就在我身边?内卷什么的之前已经受够了!为了对抗内卷,全都点了治愈,男圣职者平凡而又非凡的异世界生活,从现在开始!五冥六绝,吾以极“恶”之身,开启众灵之门!  在校大学生萧凡,从网店卖书开始,逐渐成为影响世界的文娱大佬。      其所创建的大方集团也成为千亿级别的巨无霸,涉及影视、游戏、出版、互联网等多个领域,已深深影响着全世界的文娱走向。      问及对大方集团老板萧凡的印象,人们亲切的称呼他‘重新定义资本的良心老板’、‘让华狼街投行和巴韭特畏惧的东方上帝’。 所有人对大方集团的印象都是大方、有钱。      私下里,萧凡泪牛满面:“一开始我就是想花光几万块钱,我真的好想亏本啊!”   一场灾变,让世界沦为秩序崩坏的废土。 有人栖身要塞,有人躲在荒原,还有人在辐射中变成了另外一种生物。 世界分割为两个极端,权贵们掌握着顶尖的科技,用一座座拔地而起的要塞将自己隔绝在乱世之外。 易子而食,危机四伏的流民区内,一名迫于生计的猎人,为了度过即将到来的凛冬,走向了一条披荆斩棘的道路。 在这艰险混乱的世道当中,一群草根出身的生死兄弟,逐渐让世界为之颤抖。一个穷到人尽皆知的大学生,一次岛国之行,获得一张盛世美颜,从此美女蜂拥而至,被迫走上了一条靠软饭搅动风云的路。 故事的开始是在北部的战场上,新兵安易救了一个小姑娘。她名字叫做林彦婉,是一名自由记者。小姑娘救到了,可不幸的是他们与大部队走散了。后来,两个人展开了微妙的缘分,翻山越岭,诠释了“爱迎万难可爱赢万难。”故事的最后是世界和平,有情人终成眷属。未来世界元宇宙大获成功,无数人涌入其中,有人攫取利益,有人躺平内卷。所有人都沉迷其中,无法自拔。但繁华的背后,却是文明倒退、社会秩序崩盘的恐怖危局。 一次意外,保安队长李朝阳救下了一位受伤的少女,却也因此被推到了元宇宙幕后争斗的风口浪尖,自此,开启了在现实和元宇宙中波澜壮阔的冒险之旅…… 保安队长李朝阳开启元宇宙冒险之旅故事发生在2135年,一次偶然的考古发现,让一种丧尸病毒暴露人间。林少白是一家生物科技公司的员工,在一次团建过程中,病毒在满载公司员工的客机上传播,客机坠毁,林少白是唯一幸存者,但奇怪的是,所有遇难的员工都继续正常上班,而林少白却对空难毫无记忆。随后,病毒从实验室泄露,在一栋办公楼内传播,原本过着平凡生活的林少白,突然肩负起化解危机的使命。大明嘉靖年间…… ?“一起命案,牵扯的一桩大阴谋……” ?“官匪勾结,这场博弈到最后会是谁胜谁负……” ?“杀人的凶手,终究难逃法网……” ?“一步步的搜证,到真相的水落石出……”荡平魔域,踏破九天,万界枯荣于我不过一念间! 大道三千可战否?可战,一切皆可战!
空尘传 米瑞斯之光芒前奏曲 变身奇遇11 回忆那几年 重返荣耀巅峰 仰慕星空 凌众生之上 诸邪退散 九龙圣祖 远离兴隆山的地方 我带着系统回来了! 灵异研究公司 从一杯恒河水开始进化 都市之重生仙尊 屋后! 无敌的我只能当个辅助 云源 御神令 神探狄仁杰1 凡人修仙奇遇记 宝宝为什么会打呼噜怎么治 宝宝眼周突然变红 宝宝咽峡炎要灌肠几天 1岁宝宝每天小便多少次 宝宝为什么会打呼噜怎么治 宝宝吸乳头会兴奋吗 宝宝洗澡藿香正气 宝宝夜间摇头怎么回事 宝宝吸乳头会兴奋吗 宝宝咽喉溃疡多久会好 宝宝小蛋下面疼 宝宝小蛋下面疼 宝宝体检异常怎么办? 宝宝眼周突然变红 宝宝头上虱子 1个月的宝宝吃几罐奶粉 宝宝夏季可不可以补钙 宝宝五个月了总是吐奶 宝宝往身上爬 宝宝头上虱子 宝宝眼角红 没有眼屎怎么回事 宝宝头往后闪了一下 宝宝往身上爬 1岁宝宝胃经湿热 宝宝厌奶嘴怎么办 宝宝贴完三伏贴发热 宝宝五个月了总是吐奶 宝宝往身上爬 宝宝虚火推拿脊背 宝宝五个月了总是吐奶 1岁宝宝每天小便多少次 宝宝眼角红 没有眼屎怎么回事 宝宝突然结巴能好吗 宝宝头上虱子 宝宝体检异常怎么办? 1个月的宝宝吃几罐奶粉 宝宝突然喝奶喝的多 宝宝洗澡藿香正气 宝宝体检异常怎么办? 宝宝突然喝奶喝的多 1个月的宝宝吃几罐奶粉 宝宝夜间摇头怎么回事 宝宝头部磕碰后发烧 宝宝夏季可不可以补钙 33周宝宝需要什么胎教 宝宝眼角红 没有眼屎怎么回事 宝宝小蛋下面疼 1个月的宝宝吃几罐奶粉 宝宝贴完三伏贴发热 宝宝咽颊炎会传染吗 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 桃运小妙医 横推武道:从捡属性开始 我不做老千好多年 只为一个承诺 Sin罪篇 澳门葡京官网 AG真人 欧博官网 澳门葡京官网 欧博官网 宝宝夏季可不可以补钙 宝宝头部磕碰后发烧 1岁宝宝每天小便多少次 宝宝膝盖内扣怎么办 宝宝厌奶嘴怎么办 宝宝突然喝奶喝的多 宝宝膝盖内扣怎么办 宝宝夏季可不可以补钙 宝宝咽喉溃疡多久会好 宝宝咽颊疱疹怎么办 宝宝眼角红 没有眼屎怎么回事 宝宝厌奶嘴怎么办 1岁宝宝胃经湿热 宝宝洗澡藿香正气 宝宝往身上爬 宝宝突然喝奶喝的多 宝宝眼角红 没有眼屎怎么回事 宝宝贴完三伏贴发热 1个月的宝宝吃几罐奶粉 宝宝吸乳头会兴奋吗 宝宝厌奶嘴怎么办 宝宝头往后闪了一下 宝宝夏季可不可以补钙 宝宝夏季可不可以补钙 宝宝突然结巴能好吗 1个月的宝宝吃几罐奶粉 宝宝头上虱子 宝宝眼周突然变红 1岁宝宝每天小便多少次 宝宝咽峡炎要灌肠几天