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
推荐小说 都市女强小说网游之一剑隔世 一剑隔世 小说重生狐妃 非安 小说君无悔小说商海战国 清平侯 小说推荐小说 都市女强小说天级功法 网游小说章节重生狐妃 非安 小说混世刁民全文阅读 免费 小说穿越小说比较鸡飞狗跳的那种杂货铺小说重生狐妃 非安 小说久久小说下载网 m.txt99.org杂货铺小说重生狐妃 非安 小说法国 小说家 20世纪 漫漫长夜行小说 邻居 祝混在末日的僵尸 碎心小猪 小说商海战国 清平侯 小说白领姐姐 小说天脊小说混在末日的僵尸 碎心小猪 小说混世刁民全文阅读 免费 小说神域精神病院 小说女老师和男学生 小说8王小说网女老师和男学生 小说男主角姓庄的小说的武侠小说他喜欢的女生喜欢另外一个男的白领姐姐 小说重生之亚莱 妃希 小说姜止戈穿越书中成为恶名滔天的反派魔帝,开局就被男主带着女主围攻陷入必死局面。 濒死之际,他觉醒了人生记忆编辑系统,向世人展现他的过往。 于是乎,一段段催人泪下的记忆显现在世人面前。 “柔儿,记住,宁为乞丐,不为人奴,只要我还在一天,便绝不会让你去为奴为婢。” “紫烟,为了你,成魔又有何妨,举世皆敌又有何妨?” ....... 待到一切浮出水面,世人才明白。 恶贯满盈的魔帝,所做一切只为所爱之人,只为庇佑世间安宁。一朝穿越,成为朱元璋十七子。 赐封宁王,朱权有点皮。 朱元璋:朱家老十七,纨绔属第一! 直到洪武六十大寿…… 这一天,有人单骑斩叛将,纳哈出归降。 这一天,有人发粮赈灾民,百姓终活命。 这一天,天降祥瑞传国玺,大明得国正。 这一天,朱元璋册封朱权,无敌宁王! 古武世家的杨冬冬在一次意外中穿越到了浑元大陆,化名林郁随身而来的只有自己曾经对古武的理解与记忆。 这个世界百花齐放,万古长青。多姿多彩的文化底蕴,各种各样的武学,多元的修炼体系,美丽而烦杂的神话传说,这是一个比地球还要长久的存在,这里是没有科技的冷兵器时代。 看林郁如何已足够的方式,在这片土地展现出古武的风采。 (其中很多东西为作者杜撰,并非实际,仅以当做小说内容,没有任何对中国传承的贬低和歪曲之意,任何这方面的诽谤,均不会承认。)感谢大家对作者的关照,对作品的喜欢,希望各位看官多多鼓励。奇幻人设+科幻世界会碰撞出怎样的火花?源自近来比较火的一个创意——串烧,背景直接取自笔人从前的作品,延续了近几年的某个游戏世界观,无界限,勿喷。走在回家的路上,一片漆黑的深渊裂隙,将他吞没,当他醒来时,他发现自己来到另一片陌生的世界,这里有恐怖的荒兽,强大的修士,绝世倾城的美女。 看我们主角,如何在另一陌生的世界,一步步成长为,让人谈之色变的存在。林阳穿越玄幻世界,成为一个小家族的外姓子弟 无资质无背景无机缘,原以为这辈子就这么平平淡淡过去了 不曾想,觉醒了万物编辑系统。 “淬体丹”经过编辑,变成了九窍金丹! “莽牛劲”功法经过编辑,变成了神象镇狱劲! “普通的丹炉”经过编辑,变成了全自动超神炼丹炉! “瞳术”神通经过编辑变成“重瞳术”! .. 就这样,林阳靠着编辑器,从小家族进入仙门,在仙门中崛起!不知多少年后,蓦然回首,发现自己早已永生,镇压万古我每次送盆去给阿婆,她都请我喝咖啡,她很喜欢咖啡和鲜花,为人开朗,豁达,有很强的亲和力。2022年世界处于爆发的未知灾害之中,百鬼索命,丧尸横行……就在人类面临种族存亡之时,世界面临毁灭时刻。一股神奇的力量在人类种族中爆发,力量拥有者有与其灾害抗争的能力,于是人与灾害的战斗就此展开。截止目前2070年,人类已然掌握了与灾害对峙的能力。而在世界的一个角落,钟源绑定了末日生存系统,从此踏上了不断变强的生存之路! 懒得介绍一些古古怪怪又带点恐怖温馨的小故事而已啦,是吧是吧,我也是这么想的,要不要进来看看。
湮灭洪荒 备胎也是一种职业 我不想做偶像啦 我在末世的苦日子 混沌魂力 回归纪元 洪荒之梦回 两界开端 猛鬼大厦 警界神探 重生之富家天下 玄幻:倍数暴击!家主逆天了! 玄能纪元 玄幻:四域神尊 姥姥的那些年 白山黑水之天狼传奇 神本怪物 修罗斩道 都市无敌大反派 逆斩神明 8王小说网 法国 小说家 20世纪 漫漫长夜行 傲世武尊 txt小说下载 商海战国 清平侯 小说 网游之一剑隔世 一剑隔世 小说 男主角姓庄的小说的武侠小说他喜欢的女生喜欢另外一个男的 傲世武尊 txt小说下载 爱情小说 阿拉斯加 地下城消逝的王者 可爱又美丽 小说 久久小说下载网 m.txt99.org 人兽色情小说 迅雷下载 人兽色情小说 迅雷下载 神域精神病院 小说 法国 小说家 20世纪 漫漫长夜行 推荐小说 都市女强小说 女老师和男学生 小说 小说道士 8王小说网 处女初夜 小说 重生狐妃 非安 小说 法国 小说家 20世纪 漫漫长夜行 重生狐妃 非安 小说 处女初夜 小说 混在末日的僵尸 碎心小猪 小说 穿越小说比较鸡飞狗跳的那种 刘病己小说 8王小说网 处女初夜 小说 处女初夜 小说 地下城消逝的王者 可爱又美丽 小说 商海战国 清平侯 小说 旷世神医 全本小说 君无悔小说 推荐小说 都市女强小说 神域精神病院 小说 女老师和男学生 小说 君无悔小说 傲世武尊 txt小说下载 神域精神病院 小说 超级家庭教师 东门吹牛 小说 女老师和男学生 小说 爱情小说 阿拉斯加 白领姐姐 小说 小说道士 杂货铺小说 旷世神医 全本小说 人兽色情小说 迅雷下载 女老师和男学生 小说 刘病己小说 小说 邻居 祝 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 情债情还 穿越末世当皇子 数据代码 舔狗转生才拿出真本事 异瞳者1 葡京官网 快连下载 亚星管理平台 葡京官网 皇冠登3出租 男主角姓庄的小说的武侠小说他喜欢的女生喜欢另外一个男的 8王小说网 混在末日的僵尸 碎心小猪 小说 超级家庭教师 东门吹牛 小说 商海战国 清平侯 小说 重生之亚莱 妃希 小说 商海战国 清平侯 小说 男主角姓庄的小说的武侠小说他喜欢的女生喜欢另外一个男的 旷世神医 全本小说 男主角姓庄的小说的武侠小说他喜欢的女生喜欢另外一个男的 混世刁民全文阅读 免费 小说 神域精神病院 小说 穿越小说比较鸡飞狗跳的那种 极品狂少如果可以重来 经典小说 爱情小说 阿拉斯加 混世刁民全文阅读 免费 小说 重生之亚莱 妃希 小说 爱情小说 阿拉斯加 地下城消逝的王者 可爱又美丽 小说 久久小说下载网 m.txt99.org 小说 邻居 祝 8王小说网 傲世武尊 txt小说下载 重生之亚莱 妃希 小说 人兽色情小说 迅雷下载 商海战国 清平侯 小说 极品狂少如果可以重来 经典小说 混在末日的僵尸 碎心小猪 小说 天脊小说 小说道士