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
20个月宝宝不会说话尖叫2个月的宝宝拉肚子能吃米粉吗2岁宝宝用什么洗澡一岁多的宝宝可以经常吃薏仁米吗1岁三个月的宝宝食谱大全20个月宝宝不会说话尖叫宝宝嗓子呲呲2岁宝宝用什么洗澡宝宝大便结果正常为什么会痛两岁宝宝牛肉的做法宝宝虾皮冬瓜汤的做法20个月宝宝不会说话尖叫八个月的宝宝头上起红点宝宝虾皮冬瓜汤的做法2岁宝宝用什么洗澡一岁宝宝腹绞痛怎么办2岁宝宝一天几顿奶1岁三个月的宝宝食谱大全1岁三个月的宝宝食谱大全三岁宝宝肚子疼拉稀吃水果行吗一岁宝宝吃红心火龙果后呕吐一岁宝宝大便发绿是什么原因宝宝大便结果正常为什么会痛宝宝脸上突然有块青斑15天宝宝哭的时候像打嗝1岁宝宝体温37度正常吗一岁多的宝宝可以经常吃薏仁米吗四十多天宝宝拉肚子有泡泡三岁宝宝肚子疼拉稀吃水果行吗宝宝一天吃几个鸽子蛋哥有哥的位置,你有你的位置……未来之后,人人生而平等。少年苏渊经历三次凝丹失败,机缘巧合拜四圣兽之一的青龙为师,踏入武道之途,并且开启自身龙族和凤族血脉,从此天高海阔,前途无量。 探索秘境,结天骄,诛邪魔。假如在这个世界上有如果…没有命运,仅有人铺垫出之坎坷道途 没有净土,仅有人开凿出之世外桃园 - 一把王者圣剑,为黑夜带来光明 一个不屈英魂,为世间燃点希望 - 觉醒灵魂,少年鏖战神魔; 暗云涌动,泛起灭世争端! - 光暗冲突,大战一触即发; 人神决战,再写创世诗篇! 考研上岸的许青,终于端上了梦寐以求的铁饭碗。 只是,这个饭碗跟他想象的有点不一样,他穿越到一个刚刚亡故的捕快身上。 更是被一个身材高挑,黛眉星瞳的俊俏女捕头看中,被对方挑过去当手下。 许青原本是拒绝的。 直到他看见女捕头随随便便掰断了一根石头做的灯柱…… 女捕头:“我不喜欢勉强别人,你若不愿意跟着我便说出来。” 许青:“卑职愿意,这乃是卑职遵从内心的决定!无有半点勉强之意!” 在现实生活中往往有我们现代科学无论如何都解释不了的。走夜路时莫名其妙感觉背后有人跟着;在房间内莫名其妙的会有声响;在黑暗中会莫名其妙的感觉到恐惧。你向往像电影中道士那样惩奸除恶吗?你向往在别人遇到危机是伸出援手吗?想了解这些,那就沉淀下内心好好感受东方这古老的传说吧!(本书纯属作者虚构,如有雷同,纯属巧合)2025年,全球抗疫斗争取得了阶段性胜利,疫苗普及率达到70%,虽然新冠肺炎疫情仍在影响着世界,人类似乎有望重返那个和谐安详时代。然而,一个更严重的潜在危机正在酝酿,一种新型病毒正在悄无声息地传播,各国企图采取措施,然而人类发现,这场新的疫情的背后隐藏着许多超越当前认知的事情,光靠一己之力根本难以阻挡,人类事实上十分脆弱,越来越多的开始失去生命,人类走到了灭绝的边缘。就在许多人陷入迷茫之际,一个全球性的组织开始浮出水面,开始由幕后走向台前,轻霜冻死单根草,狂风难毁万木林,唯有团结,人类才能赢得生存的机会。世界本无对错,人间也无善恶,人也罢,兽也罢,都是为了活着,道不同,不相为谋。注:本书节奏较慢,二十章才是个小高潮,阅读前请先给作者一张原谅票,不管看不看,小比作者先谢谢各位了平凡少年如何在异世翻起惊涛骇浪?如何从一个普通的老实人成为一个至高无上的强者?强者之路,注定逆天而行! 世事不寻常,命恐一朝丧! 即命由天定?? 倘若不为,命仍定? 呵!不可能的!那就证明天只是更强的“人”而已! 那我为何不能取——而——代——之!!
野火一卷 灵力复苏我无敌了 盗墓:开局相亲霍秀秀 旅程:我在各世界旅游 天的审判者 地囚:天降末日 网游:风入神州 血色的路途 古无 最完美的犯罪 我有一台超级机床 网游之天命大法师 统御九洲 全民领主:开局拥有百倍兵种 江湖之重生之念 洪荒!开局误入大佬群 江左之盟 末世,但是主角是苦逼 三族至尊 系统穿越之咸鱼翻身 1岁宝宝体温37度正常吗 一岁宝宝腹绞痛怎么办 2岁宝宝一天几顿奶 1岁三个月的宝宝食谱大全 2个月的宝宝拉肚子能吃米粉吗 四十多天宝宝拉肚子有泡泡 一岁宝宝可以喝柠檬吗 宝宝蛋蛋两边红肿 1岁的宝宝有时候摇头 八个月的宝宝头上起红点 带2岁半宝宝开车旅游 带2岁半宝宝开车旅游 宝宝脸上突然有块青斑 一岁宝宝腹绞痛怎么办 20个月宝宝不会说话尖叫 15天宝宝哭的时候像打嗝 核桃粥宝宝辅食 1岁宝宝体温37度正常吗 孕妇喝黑豆浆增白宝宝皮肤 2岁宝宝用什么洗澡 一个月的宝宝胃容量 2岁宝宝用什么洗澡 孕妇喝黑豆浆增白宝宝皮肤 一岁宝宝大便发绿是什么原因 两岁宝宝牛肉的做法 1周宝宝拉肚子十几口次还拉绿色 1岁宝宝体温37度正常吗 孕妇喝黑豆浆增白宝宝皮肤 孕妇喝黑豆浆增白宝宝皮肤 1岁的宝宝有时候摇头 1岁三个月的宝宝食谱大全 一个月的宝宝胃容量 一岁多的宝宝可以经常吃薏仁米吗 20个月宝宝不会说话尖叫 宝宝脸上突然有块青斑 15天宝宝哭的时候像打嗝 一岁多的宝宝可以经常吃薏仁米吗 一岁宝宝可以喝柠檬吗 宝宝脸上突然有块青斑 宝宝一岁了能吃大蒜吗 15天宝宝哭的时候像打嗝 宝宝蛋蛋两边红肿 三岁宝宝肚子疼拉稀吃水果行吗 核桃粥宝宝辅食 宝宝虾皮冬瓜汤的做法 一个月的宝宝胃容量 带2岁半宝宝开车旅游 15天宝宝哭的时候像打嗝 1周宝宝拉肚子十几口次还拉绿色 2岁宝宝一天几顿奶 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 长乐永宁 救赎黑暗 不存在的游戏人生 幽冥镖局 重生之叶帝归来 亚星游戏官网 万利官网 欧博游戏官网 亚星游戏官网 葡京官网 两岁宝宝牛肉的做法 两岁宝宝牛肉的做法 1周宝宝拉肚子十几口次还拉绿色 1周宝宝拉肚子十几口次还拉绿色 1岁宝宝体温37度正常吗 宝宝一岁了能吃大蒜吗 三岁宝宝肚子疼拉稀吃水果行吗 一岁宝宝腹绞痛怎么办 一岁宝宝大便发绿是什么原因 1岁的宝宝有时候摇头 20个月宝宝不会说话尖叫 八个月的宝宝头上起红点 宝宝脸上突然有块青斑 一岁宝宝腹绞痛怎么办 1岁的宝宝有时候摇头 1岁宝宝体温37度正常吗 一岁宝宝腹绞痛怎么办 2岁宝宝用什么洗澡 宝宝脸上突然有块青斑 1周宝宝拉肚子十几口次还拉绿色 2个月的宝宝拉肚子能吃米粉吗 1岁宝宝体温37度正常吗 三岁宝宝肚子疼拉稀吃水果行吗 20个月宝宝不会说话尖叫 八个月的宝宝头上起红点 1岁宝宝体温37度正常吗 4岁宝宝先发烧咳嗽过了两天拉稀 带2岁半宝宝开车旅游 四十多天宝宝拉肚子有泡泡 2岁宝宝一天几顿奶