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
宝宝神经系统问题看什么科宝宝疝气手术最佳年龄宝宝额头侧面看突出宝宝吃青菜过敏吗见宝宝吗?宝宝神经系统问题看什么科筒骨汤煮稀饭宝宝宝宝额头侧面看突出没满月的宝宝小肠下坠怎么治12个月宝宝便秘一岁以下的宝宝能喝蜂蜜吗宝宝神经系统问题看什么科3岁宝宝吃东西卡住了有点咳嗽一岁以下的宝宝能喝蜂蜜吗宝宝额头侧面看突出12个月宝宝便秘宝宝热后脸上起疙瘩宝宝穿裤子腿老是纽怎么办宝宝穿裤子腿老是纽怎么办宝宝五个月肌力低宝宝尿黄的图宝宝穿裤子腿老是纽怎么办八个月宝宝吃小夹子宝宝牙线出血见宝宝吗?孕期6个月后晚上睡觉宝宝会踢人宝宝吃青菜过敏吗3岁宝宝不吃菜怎么办3岁半宝宝爱哭3岁宝宝吃东西卡住了有点咳嗽风系魔法世界呐,说话要讲证据! 我区区一个宗门杂役,怎么会是全能大师呢? 还有,我只是武气六段的菜鸡,怎么可能把师兄指点成首席弟子呢? 至于那些神兽、武皇、魔教……都听命于我?我不是我没有别瞎说。 最过分的是,我一个怂包,你们竟然怀疑第一美女师姐喜欢我? 好吧,就算这些都是真的,难道我想当一条咸鱼也有错吗? 天地初始,孕育造化之九塔,镇天地之混沌,衍天道之灵,构筑万界秩序,演化万界生灵。   时光飞逝,流转亿万年岁月,九塔蒙尘。   都市发展迅速,进入科技新时代,城市高楼林立,灯火通明,一位名为纪十安的少年正在密林中举起了他的弓箭。。。。。王想想职场失意后,被现实生活所抛弃。一场突然其来的车祸竟让他拥有了NBA名宿科比布莱恩特的身体力量和篮球技术,不仅开始了他的巅峰篮球职业生涯,同时又陷入爱恨情仇当中…… 我! 和混沌神魔同过窗,吃过山海经所有菜品,见证过万世的繁荣兴盛的卜尔大人,蜗生最大的心愿,就是行善积德,力求早日功德圆满后,脱胎换壳立地成道。 现在你竟然和我说,想要安生过日子,避免和无数前辈天道一样,出现大道崩碎身死道消的下场,就得跟着天道之子的屁股后面收拾烂摊子? 呵呵哒,我!天道卜尔大人,天道之子我说是谁就是谁,我想咋管就咋管,威胁我,来呀,造孽呀!山水村村民赵阿龙,小名阿斗,被人认为烂泥扶上墙。   哪知道时来运转,偶然得到农神系统,从此开始了开挂的人生。   种田,养殖,总之在农神系统的帮助下,他简直是屌丝逆袭,不但发了一笔笔的财,感情上更是如鱼得水。   ……   不过山水村也是一个关系环境错综复杂的地方,阿斗的事业刚刚开始,能否最终成为小小山村的风云人物,过上逍遥快活的小农民生活,其中充满了不确定因素。当修真者穿越到了现代,因为语言不通闹出了许多笑话。 谁能想到,一个不起眼学生竟然是修真界的最强者? 最强S级异能者?对不起,只需要一剑。 异能者和修真者的碰撞,核武和仙术的对轰…… 拥有一个可以更改规则的系统真的好吗? 起初都晨是相信的,直到他被妖兽摁着打,被盟友背后捅刀子,被绝色的女子给下药后,都晨就再也不信了。   他要用自己的权略与智谋,去抵挡那些诱惑他的美女……,不对。   他要去抵挡的是那些想方设法夺取永辞城的势力!   亲王府、妖皇山、流光城这每一个对于都晨来说的庞然大物,都将消失会在他的记仇名单之上。 “都晨,不要担心,我早就预料到了他们围城的情况,所以我提前派了人去流光城搬救军了,而且即日就到!” “对不起,赵恒。我把他们叫回来了。” “没事,还好我将三千永辞卫埋伏在了城外的密林中,到时咱们只需理应外和,嘿嘿……” “啊这个,阿恒。我几天前把他们调去攻打焰阳城了!” “喂,阿恒你醒醒……” 柴宗训因意外穿越到了后周,成为柴荣之子。年幼的他被迫登基皇位,内有权臣赵匡胤狼子野心,外有大辽,南唐,北汉,后蜀虎视眈眈。柴宗训按照已知历史一步步收服赵匡胤,经自己努力灭大辽南唐北汉后蜀一统天下。2003年至今的真实娱乐圈大事“爽文演义”。 用半纪实的春秋笔法描绘作者一线文娱工作时的真实人生投影。 主角尚云从文娱江湖小虾米到顶级策划人的爽利不凡人生,秘辛频爆,异彩纷呈。 镁光灯下的娱乐圈, 上位者铭撰本纪,称王称霸; 高位者书写世家,纵横捭阖; 我们白手起家,努力靠双手奋斗出—— 属于自己的人间列传! ——娱乐圈之云上耕耘 纪实的手法记录生活,丰富的剧情白描梦想。 把人生写成一篇散文诗,近二十年的真实文娱经历,化作轻描淡写的一笔激情。 《娱乐圈之云上耕耘》上菜!
骷髅神皇 死亡通知 生于春,凉于秋 留守儿童之阿礼 灵魂大烧烤 天门计划 闲情自传 玄幻:断人财路,我是专业的 魂幕 签到十六年,我没想当皇帝 异灵奇幻录 星星之火,可以燎原 都市五行灵珠传 我以气血入道 怒血狂侠传 侠宇宙 双苼 零神 不死武皇 我家娘子怎么会是妖族女皇 4个月的宝宝能吃藕粉吗 倩女宝宝属 宝宝热后脸上起疙瘩 宝宝穿裤子腿老是纽怎么办 4个月的宝宝能吃藕粉吗 宝宝的指甲扁平应该看什么科 两岁宝宝好带吗 宝宝前额骨缝凹 孕期6个月后晚上睡觉宝宝会踢人 3岁宝宝吃东西卡住了有点咳嗽 八个月宝宝吃小夹子 八个月宝宝吃小夹子 宝宝牙线出血 12个月宝宝便秘 宝宝手脚心发烫不出汗 见宝宝吗? 两岁宝宝好带吗 孕期6个月后晚上睡觉宝宝会踢人 宝宝尿黄的图 宝宝神经系统问题看什么科 倩女宝宝属 宝宝额头侧面看突出 宝宝疝气手术最佳年龄 14个月宝宝可以吃干贝吗 宝宝前额骨缝凹 宝宝牙线出血 孕期6个月后晚上睡觉宝宝会踢人 宝宝疝气手术最佳年龄 宝宝尿黄的图 孕期6个月后晚上睡觉宝宝会踢人 宝宝穿裤子腿老是纽怎么办 倩女宝宝属 宝宝吃青菜过敏吗 宝宝神经系统问题看什么科 宝宝牙线出血 见宝宝吗? 宝宝左脑边有一条沟 两岁宝宝好带吗 宝宝牙线出血 宝宝左脑边有一条沟 见宝宝吗? 滴露消毒液对宝宝 宝宝五个月肌力低 宝宝每晚尿床怎么办 14个月宝宝可以吃干贝吗 倩女宝宝属 八个月宝宝吃小夹子 宝宝吃青菜过敏吗 3岁半宝宝爱哭 筒骨汤煮稀饭宝宝 亚星官网 亚星官网 亚星官网 亚星官网 亚星游戏官网 最强武神路 都市钻石人 我欲立天 九尾封天 一剑纵横 AG真人 亚星管理平台 亚星游戏官网 AG真人 百家乐官网 3岁宝宝不吃菜怎么办 宝宝吃青菜过敏吗 3岁半宝宝爱哭 3岁宝宝不吃菜怎么办 倩女宝宝属 宝宝牙线出血 宝宝手脚心发烫不出汗 一岁以下的宝宝能喝蜂蜜吗 宝宝神经系统问题看什么科 没满月的宝宝小肠下坠怎么治 宝宝左脑边有一条沟 没满月的宝宝小肠下坠怎么治 7岁宝宝的小鸡鸡样有图 宝宝尿黄的图 见宝宝吗? 孕期6个月后晚上睡觉宝宝会踢人 宝宝穿裤子腿老是纽怎么办 7岁宝宝的小鸡鸡样有图 一岁以下的宝宝能喝蜂蜜吗 宝宝穿裤子腿老是纽怎么办 没满月的宝宝小肠下坠怎么治 14个月宝宝可以吃干贝吗 宝宝前额骨缝凹 宝宝每晚尿床怎么办 宝宝前额骨缝凹 宝宝手脚心发烫不出汗 3岁宝宝吃东西卡住了有点咳嗽 宝宝手脚心发烫不出汗 八个月宝宝吃小夹子 3岁宝宝不吃菜怎么办