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
宝宝第二个脚趾上翘宝宝莫名大笑宝宝脸擦破皮怎么处理宝宝头上没有囟门宝宝头骨不对称崔玉涛宝宝第二个脚趾上翘宝宝屁眼怎样是正常的宝宝脸擦破皮怎么处理宝宝感冒怎么能好宝宝手掌有一个水泡早产儿宝宝一岁了放音乐不跟着跳宝宝第二个脚趾上翘边带宝宝边做生意早产儿宝宝一岁了放音乐不跟着跳宝宝脸擦破皮怎么处理宝宝用什么去疤膏好宝宝不爱吃钙片宝宝头骨不对称崔玉涛宝宝头骨不对称崔玉涛宝宝每次吃奶乳头都疼怎么回事老公一天一斤酒怀孕宝宝能要吗?3周岁宝宝有肺炎宝宝感冒怎么能好鸡翅怎样做给宝宝吃8个月宝宝反复发烧5天宝宝总哭晕脸发紫宝宝头上没有囟门五岁宝宝发烧是什么原因宝宝每次吃奶乳头都疼怎么回事女孩子的名字大全羊年宝宝抑郁倾向的男主,高中暗恋上受同学欺负的女主,但大学两人才走到一起。毕业后,努力工作的男主被同事坑,意外染上了艾滋病。为女主计,他提出分手,却导致对方自杀。从此一蹶不振的男主,竟然重生回到了十七岁……。    我本对生活已经陷入了深深的绝望,就在我要跳河自杀的时候,一张诡异的招聘单飞到了我的脸上,可恰巧正是这个诡异的招聘单改变了我接下来的人生…有说人生命运已经注定,任凭怎样都无法跳脱这种牢笼。是的,似乎深有体会,仿佛周围的一切早就构成了一张网,只等人生,便牢牢笼住……也像极了老天在圈养研究他的生物,就眼睁睁看着,想要知道你的各种反应…… 如果命运不能改变,如果想要改变命运,无论如何,都要精神起来,和命运、和自己、和老天斗一斗这一生! 世界上存在着万千恶欲,负灵就诞生于这些恶欲之中。 上古之时有一种职业,名为猎灵士。猎灵士的职责是控制世界的恶欲和消灭负灵。 范陌就阴差阳错的成为了一名现代猎灵士。 “好吧,既然成了猎灵士,我会尽力让这光怪陆离的世界回归正常的。”他,是世界顶级组织kh的核心精英级特工,原本拥有优质的一切,然而有天,他厌倦了一成不变的生活,虽然条件优越,可必定受制于人,于是他决定,摒弃目前所拥有的一切,重新开始,重新书写他璀璨的一生“叮!最强僵尸系统绑定中……” “系统绑定成功,使用者:叶晨(初级白僵)!” 一觉醒来,叶晨穿越到了僵尸先生电影世界里。 别人穿越不是尸祖就是尸王,可叶晨却发现自己变成了一只最弱的白毛僵! 在这个道士和僵尸并存的世界里,处处潜藏着杀机。 为了增长实力,叶晨掠夺中品养尸地,击杀任老爷获取系统丰厚奖励。 步步为棋,逆天改命,最终成就至尊尸神之位!灵修之道,不外乎,纳灵化旋,聚雾凝液,固晶结丹,筑台合道,九转涅槃;万古之劫即将再次袭来,天地能否逃脱这次灭世大劫,在乎巅峰也!银河帝国超级机甲天才流云,在一次营救帝国公主的行动中,被敌方设伏,陷入绝境,一人一甲独战十万机甲战士,最终为掩护公主逃脱,义无反顾自爆了机甲,庞大的能量令空间扭曲,竟形成一个可怕无比的黑洞,而流云最后的记忆停留在自己被黑洞吞噬……待醒来时,已然穿越到了一个陌生的世界。邪医回归,却被师父算计,做了上门女婿。 别人当上门女婿是受气,他是来当大爷的。 拳打无耻大舅哥,脚踢阴阳怪气小姨子。 恶少皆俯首,世家尽折腰,这是一代邪医纵横都市的故事。 为什么想要变强,因为所在乎的人需要我去守护。无限流系统搞笑来袭,看我修神良秀翻四方,这位小友,你准备好小钱钱了吗
龙族监察军世纪之风 天启皇帝 我,魔教教主,开局镇压圣女 从一首歌开始制霸娱乐圈 阴魂书 南宋,纵横天下的杨幺 第八界:阎罗 龙脉守卫 无字天书之仁武天下 都市万古医尊 暮洛书签 超元旅者 战魂铭人中的替身使者 俗世仙山 九 影 我可以回到过去 末世龙神归来 萧木之零神领域 梦回大宋之我是宋太祖 叹情剑 宝宝总哭晕脸发紫 宝宝用什么去疤膏好 宝宝不爱吃钙片 宝宝头骨不对称崔玉涛 宝宝莫名大笑 五岁宝宝发烧是什么原因 十二个月宝宝身高体重标准 宝宝头顶是正方形 我的宝宝很爱笑 边带宝宝边做生意 六个月宝宝大便黏液图 六个月宝宝大便黏液图 鸡翅怎样做给宝宝吃 宝宝用什么去疤膏好 宝宝第二个脚趾上翘 8个月宝宝反复发烧5天 宝宝后囟门可以摸吗 宝宝总哭晕脸发紫 结婚六个月没有宝宝 宝宝脸擦破皮怎么处理 小宝宝脸上有个凹洞会好吗 宝宝脸擦破皮怎么处理 结婚六个月没有宝宝 3周岁宝宝有肺炎 宝宝手掌有一个水泡 宝宝什么时候吃食用油 宝宝总哭晕脸发紫 结婚六个月没有宝宝 结婚六个月没有宝宝 我的宝宝很爱笑 宝宝头骨不对称崔玉涛 小宝宝脸上有个凹洞会好吗 宝宝头上没有囟门 宝宝第二个脚趾上翘 鸡翅怎样做给宝宝吃 8个月宝宝反复发烧5天 宝宝头上没有囟门 十二个月宝宝身高体重标准 鸡翅怎样做给宝宝吃 宝宝吃果胶糖 8个月宝宝反复发烧5天 宝宝头顶是正方形 宝宝每次吃奶乳头都疼怎么回事 宝宝后囟门可以摸吗 早产儿宝宝一岁了放音乐不跟着跳 小宝宝脸上有个凹洞会好吗 六个月宝宝大便黏液图 8个月宝宝反复发烧5天 宝宝什么时候吃食用油 宝宝不爱吃钙片 亚星官网 亚星官网 亚星官网 亚星官网 亚星游戏官网 穿越时间的思念 地五星 双重武修 重生之时间回溯系统 封神:我纣王赶尸,被女娲曝光了 欧博官网 亚星官网 万利游戏官网 欧博官网 澳门葡京游戏官网 宝宝每次吃奶乳头都疼怎么回事 早产儿宝宝一岁了放音乐不跟着跳 8个月宝宝反复发烧5天 宝宝屁眼怎样是正常的 宝宝头顶是正方形 宝宝第二个脚趾上翘 3周岁宝宝有肺炎 宝宝后囟门可以摸吗 宝宝吃果胶糖 宝宝屁眼怎样是正常的 宝宝一岁可以吃米饭 宝宝一岁可以吃米饭 宝宝不爱吃钙片 3周岁宝宝有肺炎 宝宝脸擦破皮怎么处理 宝宝吃果胶糖 宝宝什么时候吃食用油 宝宝一岁可以吃米饭 宝宝头上没有囟门 宝宝头骨不对称崔玉涛 宝宝手掌有一个水泡 宝宝后囟门可以摸吗 宝宝总哭晕脸发紫 女孩子的名字大全羊年宝宝 宝宝感冒怎么能好 宝宝手掌有一个水泡 五岁宝宝发烧是什么原因 十二个月宝宝身高体重标准 宝宝吃果胶糖 宝宝吃果胶糖