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
宝宝忽然嗓子哑了宝宝吐很多奶甚至从鼻子喷出来宝宝忽然嗓子哑了母乳喂养宝宝多久攒肚宝宝屁股上起水泡不到三个月的宝宝嘴巴吐沫沫一岁宝宝不吃饭只喝水宝宝忽然嗓子哑了宝宝双手乱舞宝宝肚脐出血了怎么办宝宝头上长包看什么科宝宝忽然嗓子哑了九个月宝宝拉肚子可以吃水果吗三岁宝宝突然吐沫沫4岁宝宝能喝茶吗宝宝肚脐出血了怎么办宝宝恋奶又不肯吃奶粉怎么办宝宝吃完奶就哭怎么回事宝宝吃完奶就哭怎么回事赤水人民医院生宝宝好吗孕28周宝宝动个不停宝宝吃完奶就哭怎么回事宝宝双手乱舞宝宝体重偏瘦宝宝屁股上起水泡六个月宝宝辅食顺序母乳喂养宝宝多久攒肚宝宝体重偏瘦赤水人民医院生宝宝好吗九个月宝宝拉肚子可以吃水果吗炒股、炒楼?办厂、开公司?太小儿科了。我来告诉你如何逆袭次贷危机,如何打赢气候战争、贸易战、金融战,什么叫能源竞争、科技竞争、大数据时代…… “叮,你的体质嫌你修为太弱,主动帮你修炼,恭喜你突破了!” “叮,你的体质嫌你天赋平平无奇,帮你升级到万古无一的仙品天赋!” “叮,你的体质觉得你眼神不好使,帮你开启绝世神通,六道仙轮眼!” “叮,你的体质很暴躁,嫌你修为还是太弱,一言不合就截取世界本源助你修行,恭喜你又突破了!” 叶青穿越异界,觉醒万古最强妖孽体质,躺着就能变强,一路无敌横扫,威临诸天万界,镇压无数天骄! 仙庭圣女:“天呐,世间为何会有如此妖孽?这还让不让人活了!” 人族圣子:“自从我认识叶青,才知道什么叫天骄!都别拦着我,以后叶青就是我老大了!” 魔族魔女:“叶青这家伙,为何如此优秀?” 叶青:“其实我真的没有开挂啊!体质,咱求你低调一点行不行?”以网游题材为背景,充分演绎游戏体验中的快感跟全新的故事情节,带你体验不一样的游戏人生维一场赌斗,天下九州做棋子 活在这个动乱的年代,身为江湖大佬的许锐锋已经很疲惫了,当他准备相亲过点小日子时,没想到竟然相亲相回来一个间谍…… 她,深入敌营窃取情报; 她,组建底下情报网络向中央传递信息; 她,在敌后无孔不入,备受嘉奖。 当全世界都以为这个女人是王牌特工时,她,却矮下了身子正在给许锐锋洗脚。 因为她知道,没有这个男人,自己早死了成千上万回,而整个北满的日本人都在以抓到这个男人为荣。 他,就是北满第一杀手,左手枪王,北满地下秩序的统帅,大老许。爷爷宁愿坐牢十年,都死守的秘密。 终于在十年后, 重见天日,我传承爷爷的秘密,揭开了那些不为人知的往事……天下武林起纷争,江湖儿女几多情。 家仇国恨风云起,刀光剑影始无终。 双龙剑中觅宝藏,群雄逐鹿亦为功。 天一巫祝几时恨,恩怨消散转头空。“叮,恭喜进入鬼灵复苏时代,任务1--激活系统!” “叮,恭喜你激活系统,鬼灵经验增加500,获得灵丸1个。” “叮,恭喜你的鬼灵斩杀一只玄黄级恶灵,经验增加2000。” “叮.......” 你叫余念,一场意外你穿越到了百年后鬼灵复苏的时代,这个时代人类不在主宰,反而差点被鬼灵屠杀殆尽。 在这濒临灭绝的边缘,人类中诞生了“御灵师”这个职业,他们可以操纵鬼灵与鬼灵战斗,至此人类反扑开始。 全球鬼灵复苏,鬼灵复苏时代降临 穿越来的余念惊奇的发现,自己系统可以帮助自己鬼灵轻松升级,还可以驾驭多种鬼灵,一个崭新的世界呈现在余念面前。远古有大能者,以身为境,开辟一方独立世界,后来族人称之为蓬莱。然非凡人能寻,此为天御族之信仰。 人类天生的控制欲使他们不喜欢那些超越受控制的东西。 从远古开始,这种本性就不容许异人类的天御族存在,哪怕他们也同为人形。而天御族一直隐藏于人间 在一场场剧变事件发生后,天御族开始暴露,为了不断地消灭天御族,人类的社会、科技得以不断进步,人类开始全面肃清天御族。 族人不断死去,天御族领袖们能否找到出路,他们将何去何从…
江湖深似海 都市猛兽侠 因果律法 我叫小慜 拯救者奇团 搞钱,师弟不开玩笑 网游之方舟 巍巍高楼起 空域祭坛 扫黑:暗打 全民领主,开局赠送幽都 独狼剑士与失意世界 网游:神级辅助,队友都赢麻了 另一个时空的秩序 逆天魔魂 万里江山图 封神:请尽情吩咐妲己 新十日谈 重生之潜龙在渊 我的世界三界服务器 20天的宝宝拉稀怎么办啊 大人喂宝宝 宝宝恋奶又不肯吃奶粉怎么办 宝宝屁股上起水泡 20天的宝宝拉稀怎么办啊 宝宝办医保照片有要求吗 37周宝宝5斤4 宝宝吵着嘴眼睛鼻子疼 六个月宝宝辅食顺序 九个月宝宝拉肚子可以吃水果吗 宝宝双手乱舞 出生不久小宝宝屁眼里面皮掉了 2016年宝宝多不多 大人喂宝宝 不到三个月的宝宝嘴巴吐沫沫 宝宝屁股上起水泡 37周宝宝5斤4 六个月宝宝辅食顺序 孕28周宝宝动个不停 宝宝忽然嗓子哑了 大人喂宝宝 4岁宝宝能喝茶吗 宝宝吐很多奶甚至从鼻子喷出来 三岁宝宝突然吐沫沫 宝宝肚脐出血了怎么办 2016年宝宝多不多 六个月宝宝辅食顺序 宝宝吐很多奶甚至从鼻子喷出来 孕28周宝宝动个不停 六个月宝宝辅食顺序 宝宝屁股上起水泡 大人喂宝宝 宝宝十个月声音沙哑怎么办 不到三个月的宝宝嘴巴吐沫沫 宝宝体重偏瘦 宝宝屁股上起水泡 宝宝十个月声音沙哑怎么办 宝宝恋奶又不肯吃奶粉怎么办 2016年宝宝多不多 4岁宝宝能喝茶吗 母乳喂养宝宝多久攒肚 宝宝睡一天吃奶少 两个月宝宝睡觉吃手哭 出生不久小宝宝屁眼里面皮掉了 三岁宝宝突然吐沫沫 大人喂宝宝 出生不久小宝宝屁眼里面皮掉了 母乳喂养宝宝多久攒肚 2016年宝宝多不多 一岁宝宝不吃饭只喝水 亚星官网 亚星官网 亚星官网 亚星官网 亚星游戏官网 玄门男神 琅琊风起时 大反派之路 玄界灵尊 ENDLESS FANTASY 百家乐官网 澳门葡京游戏官网 葡京官网 百家乐官网 万利游戏官网 宝宝头上长包看什么科 孕28周宝宝动个不停 不到三个月的宝宝嘴巴吐沫沫 4岁宝宝能喝茶吗 宝宝忽然嗓子哑了 20天的宝宝拉稀怎么办啊 宝宝睡一天吃奶少 宝宝恋奶又不肯吃奶粉怎么办 六个月宝宝辅食顺序 宝宝体重偏瘦 六个月宝宝辅食顺序 三岁宝宝突然吐沫沫 宝宝办医保照片有要求吗 赤水人民医院生宝宝好吗 赤水人民医院生宝宝好吗 孕28周宝宝动个不停 出生不久小宝宝屁眼里面皮掉了 宝宝忽然嗓子哑了 宝宝肚脐出血了怎么办 宝宝睡一天吃奶少 宝宝吵着嘴眼睛鼻子疼 母乳喂养宝宝多久攒肚 宝宝吐很多奶甚至从鼻子喷出来 宝宝体重偏瘦 母乳喂养宝宝多久攒肚 宝宝吃完奶就哭怎么回事 母乳喂养宝宝多久攒肚 出生不久小宝宝屁眼里面皮掉了 宝宝屁股上起水泡 大人喂宝宝