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
海南昌江冬天气候以色列耶路撒冷5月份天气海南昌江冬天气候海南昌江市历史天气网重庆5号后的天气海口黎族自治县天气长兴的日厉与天气海南昌江冬天气温长兴天气一个月内天气预报2017年长兴10月1号天气2017年9长兴的天气海南昌江冬天气候长兴10月1号天气情况2017年10月份长兴天气海南昌江冬天气温2017年长兴10月1号天气长兴十月二日天气最新央视天气预报直播最新央视天气预报直播11月份去顺德旅游天气如何浙江湖州48小时天气预报最新央视天气预报直播长兴天气一个月内天气预报保定阜平10月天气重庆5号后的天气4月5号重庆天气海南昌江市历史天气网保定阜平10月天气11月份去顺德旅游天气如何长兴10月1号天气情况整本共分九部 第一部—身世之谜 第二部—人类世界 第三部—果宝战车 第四部—两族之战 第五部—人类生活 第六部—韵之世界(花果世间) 第七部—魔法学院 第八部—乡村独立 第九部—(花果世间)龙族崛起 主角当然是我们的果宝特攻啦 我们来分分我们主角的情侣 熠诺:(果)烈火熠与星皇诺(人)许熠与林诺. 雪诗:(果)菠萝吹雪与梨花诗(人)凌雪与梵诗 香怡:(果)橙留香与上官子怡(人)凯留香与孙子怡 果意:(果)陆小果与花如意(人)叶小果与夏如意 叮薇:(果)小果叮与菠萝小薇(人)洛叮与凌薇 废话不多说 希望大家喜欢他闭上了现世的眼睛,在来世睁开,是否能看透黑暗的迷雾,不在异域迷失自己? 他穿越到火山魔法学院,一个穷困潦倒,没有攻击技能的废物身上,无意间的一个举动,得到了一只智商很高,能跟人沟通的猎犬。 在它的帮助下,得到法宝恶魔心索,成为了各大势力竞相收买的红人。 俗话说的好,花无白日红,人无千日好,正当他即将步入人生巅峰的时候,意外出现了…… 十字路口,他将何去何从?少年被家族遗弃,遭受刺杀修为被废。 危难之际开启镇魂世界,神秘女子百般磨练,终修剑道。 自此修行坦荡,领悟无上剑道,修不灭剑体。 修武技,破苍穹,入圣域,掌握天下权,醉卧美人膝,翻手为云,覆手为雨, 轻挥手中剑,剑出移山镇海,诸天星辰陨落,横断八荒四野; 九洲雷霆动,剑气侵万古,临绝世剑神。怪胎,废柴,这种话,少年早就听的耳朵起茧子了,看着刚出门没多长时间,又被砸塌了的房子,少年无奈的叹了一口气说道:“无聊。”在这个剑气和剑气自成一派,魔法和魔法自成一派的法剑大陆,少年体内却身具剑气和魔法两个根本不沾边的力量,自然而然的,也就被称之为了怪胎,可是,他自己却又用不出来两股力量,又被称之为废柴。 但是他天生神力,那些那他看不起他的人,却又打不过他,他是李家剑派大统领的大孙子,但是,剑派不欢迎他,他和自己的丫鬟住在后山一处偏僻的小屋子里面,已经过了16年。 人穷七分彻骨寒,落魄冷暖见人心。   求人如吞三尺剑,靠人如上九重天。   杨磊带着金手指重生回2004年夏天。   以十六岁的身体一力承担起不属于他这个年龄的重担。   挽救父母亲于水火之中。   让濒临绝望的家庭恢复生机。   更在古玩收藏这个行业里掀起阵阵腥风血雨。   在温馨搞笑又有些痞坏的日常生活中,不知不觉的成长为行业内令人侧目的大佬级人物,坐拥美女与财富,静观天下风云变幻。陈东穿越到了一个妖魔邪怪的世界,人命如草芥。 幸好觉醒了被动系统。 灵魂吸收:拾取灵魂,就能增强肉体和灵魂强度。 北方有无头巨人作乱,为祸人间,陈东单手托起一座山,猛然甩出,直接镇压! 西天有天魔乱舞,吞噬魂魄,陈东从天而降,任凭群魔附身,一拳轰出!云层崩裂,诸魔消散!彼时的少年已经站在了成长尽头,回首过去,一切崎岖早已繁花盛开。沉睡的过去即将苏醒,未来究竟何样。 时代的抛弃者 时代的逆行者 时代的改变者 时代的终结者 我——曹华!终将结束一切 杨辰一朝穿越,回到东汉末年,成为杨彪的侄儿,弘农杨家的下一代家主。 开局杨辰就觉醒了气运图录系统,只要迎娶美人或者收服名臣武将就能激活气运人物图录,就能获得专属人物奖励。 汉室的根已经腐朽,杨辰决定离开洛阳,前往并州发展。 之后,杨辰一路壮大势力,灭了南匈奴、鲜卑、乌桓。 一年后,杨辰带着麾下并州强军,一路杀回洛阳,一举成为天下最强军阀。校园里的生活永远都是无忧无虑那么美好的生活,在学校里你的一举一动都影响着以后的生活,学习好的自然能上个好大学,上个 好单位,能挣很多钱,学习不好的,可能都毕不了业,匆匆忙忙步入社会,糊里糊涂过完自己的一生。 但是在校园里的爱情和友谊却是永远的,没有复杂的社会关系,彼此最纯真的年纪,认识一帮纯真的兄弟,这是永远无法换取的财富。
我苟在末世 繁华再现一一万物皇第三季 我在精神病院和死亡画押 零神 群英荡魔志 汕海秋风 弈心启示录 暗黑心理测量者:锁罪 恶魔契约引导的新生活 暗红色格子 全民领主,开局赠送幽都 主角?掌中之物罢了 豺狼农庄并浓妆 奥特曼之圣士传说 吞噬帝尊南战天 逆天魔魂 生于春,凉于秋 我主您冷静 此之谓间谍 重生:一念三千 10月份拉萨的天气 2017年9月长兴的天气 长兴十月二日天气 重庆5号后的天气 10月份拉萨的天气 9月份拉萨天气预报 耶路撒冷 三月天气 9月17号长兴天气情况 4月5号重庆天气 长兴10月1号天气情况 长兴天气一个月内天气预报 长兴天气一个月内天气情况 全国天气预报文字稿 2017年9月长兴的天气 海口黎族自治县天气 重庆5号后的天气 耶路撒冷 三月天气 4月5号重庆天气 浙江湖州48小时天气预报 海南昌江冬天气候 2017年9月长兴的天气 海南昌江冬天气温 以色列耶路撒冷5月份天气 2017年10月份长兴天气 2017年长兴10月1号天气 全国天气预报文字稿 4月5号重庆天气 以色列耶路撒冷5月份天气 浙江湖州48小时天气预报 4月5号重庆天气 重庆5号后的天气 2017年9月长兴的天气 海南昌江黎族天气预报 海口黎族自治县天气 保定阜平10月天气 重庆5号后的天气 海南昌江黎族天气预报 长兴十月二日天气 全国天气预报文字稿 海南昌江冬天气温 海南昌江市历史天气网 9月份天气长兴 百度上虞天气预报15天 长兴天气一个月内天气情况 2017年10月份长兴天气 2017年9月长兴的天气 长兴天气一个月内天气情况 海南昌江市历史天气网 全国天气预报文字稿 长兴的日厉与天气 亚星官网 亚星官网 亚星官网 亚星官网 亚星游戏官网 复仇启示录 凤凰金羽 剑仙之恋 我是李承乾 小僧无花 万利官网 皇冠登3出租 百家乐官网 万利官网 欧博官网 长兴十月二日天气 浙江湖州48小时天气预报 海南昌江冬天气温 2017年9长兴的天气 长兴天气一个月内天气预报 海南昌江市历史天气网 4月5号重庆天气 2017年9月长兴的天气 海南昌江冬天气候 耶路撒冷 三月天气 长兴十月二日天气 海南昌江黎族天气预报 海南昌江市历史天气网 百度上虞天气预报15天 2017年9月长兴的天气 重庆5号后的天气 长兴的日厉与天气 9月份天气长兴 10月份拉萨的天气 2017年10月份长兴天气 长兴天气一个月内天气情况 9月份拉萨天气预报 长兴的日厉与天气 海南昌江冬天气候 以色列耶路撒冷5月份天气 长兴十月二日天气 2017年9长兴的天气 海南昌江冬天气温 海南昌江黎族天气预报 百度上虞天气预报15天