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
小学生网络体验作文萧伯纳的作文题小学生儿童节作文400字小学英语作文写作方法小学五年级获奖作文大小学生网络体验作文五年级写景作文600字作文小学生儿童节作文400字小孩看电视的危害作文小学的语文收获作文小学马上分开作文450小学生儿童节作文400字五年级下册语文作文6小学马上分开作文450小学生中考后的反思作文600字小学的语文收获作文我的游学经历作文小学生优秀作文端午节小学生优秀作文端午节小猫作文写话小狗的作文 350字左右小学生优秀作文端午节小孩看电视的危害作文小学四年级作文试题小学四年级作文读书小学生四年级作文爱小学四年级作文读书小学四年级作文试题小猫作文写话五年级下册语文作文6夜深,街上走着两人,其中一人开头道:“这大半夜的,路上会不会有那些东西啊。”另一人开口道:“不会的。” 那人又道:“可我还是有点怕” “活着的坏心人你都不怕,死去的好心鬼你还怕?”作为人,我们的一生已经告终。或许带着些许的遗憾与不甘。 但,故事远没有结束。 遗忘在历史深处的计划再度重启,我们也终于踏上了从未想象过的高度。不再为人的我们,正逐渐登上神的宝座。 此世已无可避免地堕入深渊,而人生已经结束的我们,无能为力。唯有磨砺自己的力量与意志,在漫长的时光中感悟,才能在彼岸的智慧中找到拯救此世的途径。 神,从不是特权的象征。在我们眼中,那是终将背负起的责任。高田真一“小兰女士,你也不想新一君遭遇不测吧?” 小兰“这... 高田真一“小哀酱,你也不希望柯南君有生命危险吧?” 小哀“这...穿越洪荒百万年,还是玄仙修为   林长青绝望之际,师尊通天赐予九转金丹   没想到,竟然觉醒诸天赠送系统!   赠送九转金丹,返还百亿功德!   赠送通天剑符,返还神象镇狱劲!   赠送黄中李,返还混沌灵根!   赠送盘古精血,返还……   林长青行走洪荒,赠送无数宝物,杀妖,屠魔,救人族!   终于,当量劫降临之时,林长青一人横立量劫之前,挥手扫灭无边劫云!这里没有玄幻,没有穿越;只有新活的生命,逻辑的真实。 这是一个虚构的故事;一个关于生意与情怀的故事。一群年轻人,在小说主人翁李非的带领下,历经千辛万苦,克服重重困难,在小城香州,书写了一段商业传奇。香水星河酒店,一个给予了无数客人美好记忆,承载着一群酒店人理想的航器,在到达了它辉煌的顶峰后,突然掉头…… 结果怎么样?为什么会这样?是历史的悲剧,还是人生的释然?——一千个读者就有一千个哈姆雷特——如果你想得出自己的结论,请阅读天界无际的小说《香水星河》。亦木墟历练归来时见到家族覆灭,发誓欲要血刃仇敌,报其家恨。 闯秘境,夺至宝,守边疆,战万族。 沧海一粟,修行千秋,蝼蚁尚且贪命,诸天生灵皆在争渡。 一颗黑球可炸山镇海,一杆长枪可斩万千神明。 是非对错唯有强者定义,弱者只配臣服。 武道九重,上为天地境。 当末法时代结束,修行元气重归上古。 整个修士界,皆因亦木墟的一颗轰天雷,即将暴走...卜慧书是一名落魄青年,嗜读书,被人成为“痴疯子”。无意功名,也不近女色。擅长办案,只因在义田获得银指环,上写“雅威”二字。之前襄阳镜湖湖口发现一具男尸,身上并无伤痕,可能落水而死。乡民发现后,就向地保报告了情况。地保请代言人撰写一纸呈文报官,代言人则索取1000两银子作为报酬。地保一则没有那么多钱,二则也不太愿意,故而只肯出200两银子。痴疯子便草草写了一张“镜湖口,发现浮尸一具”的呈文。后来情况如何?代言人如何处置?敬请期待....... 吴娓娓本是霞云医院的一名普通医生,却意外结识了一个名叫郑海明的道士,随后各种离奇的事情接连发生,医院出现多例奇怪病人,金光咒,凌空飞行,苗疆古墓,封魂棺,各种事情都随着吴娓娓和郑海明两人展开。原本只是感兴趣不想惹上麻烦的吴娓娓却被迫与郑海明踏上了对抗幕后黑手荆海源的冒险,觉醒先天之炁,进入古墓,吴娓娓卷入了一场本来与她毫无相关的师门纷争,原本的偶然实际上是命中注定,等待着她的是一场九死一生的冒险。这是一个科技,神灵和神秘力量共存的世界,这个世界上,只要有野心有能力的人都有可能成为世界的顶点之一。 而就是这样一个充满危险和斗争的世界,出现了一股清流。 这是一群普通人为了各自目标启程的冒险之旅,也是改变世界的故事。 打工?打什么工,赶紧给我去拯救世界。 本文不是穿越无敌文,也不是系统后宫文,请提前规避 女孩是个有异能的人,一周转变一种人格,但并非人格分裂,而是有三种人格有规律的转变。。 而且只要主人格需要,她们随时会占据她的身体。 从初三某个夜晚的一场梦开始,她具备了这种特异功能。女孩会遇到什么事?又会怎么去应对呢?
这所高中有古怪 异事笔录 御灵日记 纵横图 灵祎事件 都市:校园武道高手 东北出马仙之仙魔道 诡道天师 猎国之横扫六合 龙野传 穿成神兽饕餮,被软萌校花召唤了 异世界驭灵使 诸天无限:宿主请打卡 天狐缘 异世大陆将夜传 神医席道全 大主宰:主宰至尊 热血传奇之法码大陆 穿越明朝假太监 左不比传奇 小学生儿童节作文400字 我渴望自由300作文 小学生四年级作文爱 五年级下册语文作文6 小学关于夏天的作文300 小学生作文读后感600字 我的游学经历作文 小学三年级作文 关于俭 小学生四年级作文爱 小兔过桥的看图作文 我真的感谢你初中作文 我真的感谢你初中作文 小学生作文谁夸我什么 小升初描写景的作文 小学生网络体验作文 小学五年级获奖作文大 我渴望自由300作文 小学生四年级作文爱 小草生命的作文100字 小学生儿童节作文400字 小升初描写景的作文 小学生儿童节作文400字 小草生命的作文100字 小学生优秀作文端午节 小学的语文收获作文 小学生作文谁夸我什么 小学关于夏天的作文300 萧伯纳的作文题 小草生命的作文100字 小学生四年级作文爱 小学五年级获奖作文大 小学生儿童节作文 小学英语作文写作方法 小学生网络体验作文 小学四年级作文试题 小学四年级作文读书 小学英语作文写作方法 我的游学经历作文 小学生作文谁夸我什么 小学生中考后的反思作文600字 小学四年级作文读书 小学三年级作文 关于俭 小学生的生活作文300字作文大全 我渴望自由300作文 小学马上分开作文450 小学生儿童节作文 我真的感谢你初中作文 小学四年级作文读书 小学生作文谁夸我什么 五年级作文 我得到了 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 模拟修仙:我能无限重启! 巅峰强者:从凡界开始逆袭 3090年的血腥风雨 修仙之赵氏家族崛起 我在人间斩妖的日子 百度 百度 百度 百度 百度 小学三年级作文 关于俭 我的游学经历作文 小学生作文谁夸我什么 小学生中考后的反思作文600字 萧伯纳的作文题 小学生的生活作文300字作文大全 小孩看电视的危害作文 小学四年级作文读书 小学生作文读后感600字 小学三年级作文 关于俭 小学三年级作文 关于俭 小学生优秀作文端午节 小学马上分开作文450 小学生中考后的反思作文600字 小学四年级作文读书 小学生网络体验作文 小学的语文收获作文 五年级作文 我得到了 小学四年级作文试题 小学生中考后的反思作文600字 五年级下册语文作文6 小猫作文写话 我真的感谢你初中作文 小学英语作文写作方法 小学生作文读后感600字 小学三年级作文 关于俭 小学三年级作文 关于俭 小学生作文谁夸我什么 小猫作文写话 小学关于夏天的作文300 亚星官网 亚星官网 万利官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网