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岁多的宝宝每天怎么玩几个宝宝可以站宝宝九个多月了还不会爬怎么办半岁宝宝严重缺锌一岁宝宝脸划破了1岁多的宝宝每天怎么玩房间隔宝宝可以去游泳宝宝九个多月了还不会爬怎么办宝宝的手机游戏三岁宝宝呼气长5个月宝宝干咳嗽怎么办1岁多的宝宝每天怎么玩一岁半宝宝一天几顿5个月宝宝干咳嗽怎么办宝宝九个多月了还不会爬怎么办三岁宝宝呼气长宝宝一周半白天和晚上才能睡觉一岁的宝宝舌苔发白有时低烧一岁的宝宝舌苔发白有时低烧一岁三个月宝宝龋齿怎么办1岁半宝宝呼吸道感染怎么治疗?24个月男宝宝身高体重标准一岁宝宝可以吃什么米糊宝宝经常游泳有什么好处一岁宝宝脸划破了一周半宝宝眼角有红血丝半岁宝宝严重缺锌9个月宝宝眨眼一岁三个月宝宝龋齿怎么办一岁半宝宝一天几顿事情变得诡异。你从不记得自己什么时候来到过这样的世界,但你不得不熟悉这一切。回忆都是真实的吗?又或许一切都是被操纵的幻想?为什么你背负着莫须有的罪名?不论如何也要逃出去,你这样说,却连自己身处什么地方都不知道。你怎样活下去,怎样有尊严地活下去,怎样找出真相,找出改变一切的办法? 一始,主宰开辟天地,为保平衡,以自身力量孕育四方原始大神掌管各界——主神界神王掌各界秩序,冥界冥王掌各神界神君生死,明玄界明玄仙子掌各界光暗善恶,星界星官掌各界气运命数。 然而,当善恶失衡时,无数人、神的恶念聚集形成阴魂,天下大乱。为将损失降至最小,以保万民安康,主宰聚集所有阴魂汇聚于气运之子星官身上加以压制。星官遭阴魂侵蚀后不知所踪。阴魂大乱暂时压制。 为解此祸,主宰意欲再化生一位原始大神以封印镇压阴魂。奈何自身力量已不足以再化生一位大神。 幸运的是,在极北冰天雪地的极冰雪域由冰雪孕育了一位冰雪神灵,不日即将化形。主宰将自身全部的力量转送于她,助其化形,赐号灵主,位同原始大神,掌管世间一切阴魂净化事宜。 至此,阴魂之祸得以全部解决,各界恢复平静,各司运作。社畜男主意外穿越获得教团传承, 异界魔兽卷土重来。看似平静的大陆实则暗涛汹涌。百年前的暗黑圣战是否又将重演?是仇恨还是宿命?是利益还是贪婪?让我们言归正传······ 乾坤未定,你我皆是黑马! 乾坤已定,那就扭转乾坤! 总有人要赢,为什么不能是我…… 我叫方休,谁惹我,我就和他玩命,至死方休…… 《关注我的微信公众号:苏月夕》“救命啊!我只是想借点力量而已,咋就要追杀了,我们不是互相帮助的吗?”少年无奈的呐喊道,仿佛人生就此结束了。“哥哥,我的力量也可以借给你!不过你要一直陪着我!”一位白发少女,来到身旁抱着少年手臂,一脸幸福的说道。少年看着身旁的少女,以为终于看到了希望。结果转头一看···你那病娇的眼神是什么鬼,跟她们的眼神根本一样好嘛!不行!为了我的自由与未来,决定了!打又打不过,只能重生开溜了。我发誓,等我重生学成归来,我一定让你们知道,什么叫跑的又快又快,打不过难道还跑不过吗?成大事者不拘小节!——————----于是关于少年的跑路修罗场开始了高中生陈逸因一场意外改变了命运,在灵气复苏的时代,他不甘再做一个被命运捉弄而无力反抗的人,他要抗争!他发誓要做一个能掌握自身命运的人!我没有太大的理想,生活在一个平凡的世界。没有重生穿越,没有异能修仙,只是经历着大多数人经历过,或者正在经历的事情。我只是在讲一个故事而已,有我的故事,也有身边人的故事。但生活其实也就那么回事,套用托尔斯泰在《安娜·卡列尼娜》中的那句名言就是:“幸福的生活都是相似的;不幸的,则各有各的不幸。”莽荒之间,我叶枫开一剑独尊,创仙侠万世之洪荒,入无仙之境。领天灵派入大陆第一门派,修无力之魂,酿天地琼浆,品天河寒露,辟万古之剑,名曰:天影回光炒股、炒楼?办厂、开公司?太小儿科了。我来告诉你如何逆袭次贷危机,如何打赢气候战争、贸易战、金融战,什么叫能源竞争、科技竞争、大数据时代……烽火连天不休。 隐宗12年,周王朝在三国联军的铁骑下,化为废墟。一干皇亲国戚遭到屠戮,只有年方20的太子罗方靖幸存。 中原八国,各怀野心,而太子唯一的梦想就是复国。 正当罗方靖正一步一步地实施自己的复国大业的时候,他发现了一桩陈年旧事,在茫茫历史的海洋中,显得那样的不起眼,却很有可能是罗方靖所寻求的终极答案。 我,这是怎么了?
超级人工智能 三国:二公子 轮回玉梅林 觉醒新纪元 君临于天 玄幻:这个炉鼎太逆天 阳司 僵尸狂徒 别人修仙我摆烂 复带朝阳美女来 四月的她 中唐明帝 幻灭星路 灵异故事杂谈 工业革命从仙武大秦开始 我的新纪元 持剑定乾坤 星界纪元 八卦演义 哥不是神 刚出生的宝宝多少厘米 一周岁男宝宝身高体重标准 宝宝一周半白天和晚上才能睡觉 一岁的宝宝舌苔发白有时低烧 刚出生的宝宝多少厘米 三岁宝宝眼角充血 适合3个月宝宝的故事 宝宝一岁四个月了不会说话怎么办 一周半宝宝眼角有红血丝 一岁半宝宝一天几顿 一岁宝宝可以吃什么米糊 一岁宝宝可以吃什么米糊 宝宝经常游泳有什么好处 三岁宝宝呼气长 2个月宝宝喝水呛 一岁宝宝脸划破了 适合3个月宝宝的故事 一周半宝宝眼角有红血丝 1岁半宝宝呼吸道感染怎么治疗? 1岁多的宝宝每天怎么玩 一周岁男宝宝身高体重标准 宝宝九个多月了还不会爬怎么办 几个宝宝可以站 24个月男宝宝身高体重标准 宝宝一岁四个月了不会说话怎么办 宝宝经常游泳有什么好处 一周半宝宝眼角有红血丝 几个宝宝可以站 1岁半宝宝呼吸道感染怎么治疗? 一周半宝宝眼角有红血丝 一岁的宝宝舌苔发白有时低烧 一周岁男宝宝身高体重标准 半岁宝宝严重缺锌 1岁多的宝宝每天怎么玩 宝宝经常游泳有什么好处 一岁宝宝脸划破了 2岁宝宝喜欢爬着睡觉怎么回事 适合3个月宝宝的故事 宝宝经常游泳有什么好处 2岁宝宝喜欢爬着睡觉怎么回事 一岁宝宝脸划破了 一岁宝宝感冒喝牛奶 一岁三个月宝宝龋齿怎么办 2岁宝宝便黑 24个月男宝宝身高体重标准 一周岁男宝宝身高体重标准 一岁宝宝可以吃什么米糊 半岁宝宝严重缺锌 一岁半宝宝低烧是多少度 房间隔宝宝可以去游泳 亚星官网 亚星官网 亚星官网 亚星官网 亚星游戏官网 轮回路上 重生初三的那个暑假 道爷请留步 孽 场 我欲立天 欧博官网 亚星官网 万利游戏官网 欧博官网 澳门葡京游戏官网 5个月宝宝干咳嗽怎么办 三岁宝宝呼气长 一岁的宝宝舌苔发白有时低烧 宝宝一周半白天和晚上才能睡觉 1岁半宝宝呼吸道感染怎么治疗? 宝宝九个多月了还不会爬怎么办 5个月宝宝干咳嗽怎么办 宝宝经常游泳有什么好处 半岁宝宝严重缺锌 一周半宝宝眼角有红血丝 三岁宝宝呼气长 1岁多的宝宝每天怎么玩 适合3个月宝宝的故事 适合3个月宝宝的故事 2岁宝宝喜欢爬着睡觉怎么回事 半岁宝宝严重缺锌 2个月宝宝喝水呛 一周岁男宝宝身高体重标准 一岁宝宝脸划破了 房间隔宝宝可以去游泳 一岁宝宝感冒喝牛奶 1岁多的宝宝每天怎么玩 24个月男宝宝身高体重标准 一岁宝宝可以吃什么米糊 2岁宝宝喜欢爬着睡觉怎么回事 宝宝一周半白天和晚上才能睡觉 1岁多的宝宝每天怎么玩 2个月宝宝喝水呛 宝宝一周半白天和晚上才能睡觉 5个月宝宝干咳嗽怎么办