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
最难忘的事小学生作文作文这一天的提岗我们班的新老师---------刘老师作文(小学版)足球赛作文英语作文作文题目他她真最难忘的事小学生作文作文中的立意是什么我们班的新老师---------刘老师作文(小学版)作文景色300字作文以感恩为主题作文外貌怎么写我们班的新老师---------刘老师作文(小学版)我是一本工具书俗称参考书开头的作文作文素材指什么走进莫里中学作文作文以感恩为主题作文大全400字环境保护作文乡村黄昏作文乡村黄昏作文初中满分锻炼主题作文三年级100字作文大全作文乡村黄昏作文景色300字做一件事成功了作文五百字作文题目他她真捉迷藏规则作文200字作文结尾的优美句子做一件事成功了作文五百字作文初中满分锻炼主题我是一本工具书俗称参考书开头的作文李民在当选宁州县县长的当晚在宾馆被人杀害。省公安厅主管刑侦的副厅长李彬受命侦破此案。他缜密推理,坚持依靠群众和公安干警的集体智慧,一步步将杀人凶手逼出水面。余跃从2022年穿越会了玛雅文明时代,发现这居然是个可以修炼成神的时代……李一是个从小受过高等教育崇尚科学的人,虽然他祖父解放以前是个有名的阴阳先生,可他却从不相信鬼神之说,直到他遇到的一些诡异的事情后才改变了他的观念,靠着从其祖父那里得到的一本经书开始了他精彩的人生!外籍雇佣军团的雇佣兵王权在执行完任务之后,一觉醒来发现自己穿越到了的70年代的东南亚的南国地区,从此以后,他凭着自己现代的智慧与经验,在充满危险的南国地区不断奋斗征战,罂粟运输,军火,金矿每一次的冒险都伴随着巨大的财富与残酷的斗争,而这,也只是这个危险世界的冰山一角。。。 一次穿越! 王权---地下世界一代霸主,霸业征途,就此开启!以另一个视角(陶南)面对生活的世界的巨大变化我等了七年,只因为有人和我说七年后的今天一切都会不同。我没有问为什么,也没有说任何一句话,我选择相信。我总算等到了这一天,虽然我知道知道这一天的到来会不同,但我没想到我却直接站在了顶峰,是选择高高挂起还是一往无前站在最前沿,这个问题又会有一个答案嘛现实社会故事,乞丐王子寻根记: ——主人翁进省城寻根,事与愿违,陷入艰难重重,不断跌进人生最底谷,受尽人间苦难折磨。人世间的爱情、亲情总是那么的残酷和煎熬! 曾经你可以拥有的时候,你不知道珍重珍惜,当失去后才懂得珍贵……但那一切却已不可挽回!曾经就站在你的面前,内心对你千呼万唤的渴求,可你却视而不见无动于衷。当一切都云消雾散后,你才反应过来那是多么的难能可贵……人世间最大的悲哀,也许莫过于此了! ——故事情节和人物不断的反转,极度虐心虐爱,会让人无比心痛难受……(本作品故事会比韩剧《对不起,我爱你》、国产剧《搭错车》更虐人。) ——《龙凤大劫难》QQ群:1776560936,欢迎加群对本作品发表见解。秦政穿越成大康王朝的皇帝,一睁眼便在龙床上宠幸后宫美人。 原以为从此便可美人在怀,夜夜笙歌,好不快活。 他却发现这个国家已是权臣当道,世家横行,国库空虚,暴乱四起,异族虎视眈眈。 秦政只好手握屠刀,成为一代铁血皇帝! 顺我者昌,逆我者亡! 乱我江山社稷者,统统都得死!当年的青葱岁月,多少青春的回忆。留给这当年国内第一款3D网游 谨以本文,致敬青春,给那些游戏中和现实中的同龄人,朋友!本文将以主角和她的一些朋友的视角,展现那激动人心的游戏生涯,第一个紫水晶,黄玉,猫眼,红宝石,第一把狂啸,旋风,第一套公爵,以及攻城战 记录主角的成长经历,他的喜怒悲欢。。。以及那一去不返的青春(女帝,气运,悟道,天才,争霸) 瑶池圣女:手握日月摘星辰,世间无他这般人。 青莲剑圣:不会真有人觉得,世子大哥是凡人? 狠人女帝:不为成仙,不为成帝,只为在红尘中长伴君之左右! 君逍遥很难受。 他一句话,让女帝娘子,悟出了一念花开,君临天下。 他一首诗,让青莲剑圣,明了了绝世剑意,万古长歌。 他一幅画,让瑶池圣女,炼成了六道轮回,造化天功。 气运之子,一路高歌,一路横推,一路喊着世子才是真无敌! 君家世子,一直羡慕,一直苦笑,一直都是平平无奇小世子…… 终有一日,荒域大乱。 君逍遥破了老祖留下的世子不能出府的预言。 惊天动地的事发生了。 我为天子镇国门,血染江山亿万里! 不出世则以。 一出世必成天下第一! ……
雄霸诸界 死亡学院:始 风起龙城 结夏蝉声代代鸣 邪祟降临:以武道镇压一切 重生异形君王 宇宙星河之地平线下 玄生传 惊悚游戏异闻录 崩坏世界的刑天铠甲 宁古塔典狱长 星月仙帝 无心之物 我还是相信科学 剑破苍穹斗诸仙 地下树世界 反派能有什么怀心思 黑暗游戏时光 噬古残芒 彼岸境界 作文一篇童话故事400字左右 作文五年后的作为 作文大全400字环境保护 作文题目他她真 作文一篇童话故事400字左右 &quot;小胖墩&quot;锻炼记作文 作文向往大海 "独"作文怎么写 捉迷藏规则作文200字 &quot;教师的幸福&quot;作文 作文景色300字 作文给自己一点信心 作文一颗怎样的树 作文五年后的作为 最难忘的事小学生作文 作文题目他她真 作文向往大海 捉迷藏规则作文200字 作文缩写教案 我们班的新老师---------刘老师作文(小学版) 作文五年后的作为 走进莫里中学作文 作文这一天的提岗 作文素材指什么 作文以感恩为主题 作文一颗怎样的树 捉迷藏规则作文200字 作文这一天的提岗 作文缩写教案 捉迷藏规则作文200字 作文题目他她真 作文外貌怎么写 足球赛作文英语作文 最难忘的事小学生作文 做一件事成功了作文五百字 作文题目他她真 足球赛作文英语作文 作文大全400字环境保护 作文一颗怎样的树 走进莫里中学作文 作文结尾的优美句子 &quot;教师的幸福&quot;作文 作文的好结尾简短的 作文向往大海 作文素材指什么 作文五年后的作为 作文给自己一点信心 作文结尾的优美句子 作文一颗怎样的树 作文中的立意是什么 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 师弟你是真的苟 虚无之诸世界 天下第一帮 纆染 神澜 快连下载 亚星游戏官网 亚星官网 快连下载 亚星管理平台 作文结尾的优美句子 作文素材指什么 作文中的立意是什么 作文外貌怎么写 作文题目他她真 作文以感恩为主题 作文一颗怎样的树 作文的好结尾简短的 作文初中满分锻炼主题 &quot;教师的幸福&quot;作文 作文五年后的作为 我是一本工具书俗称参考书开头的作文 作文缩写教案 作文一篇童话故事400字左右 我是一本工具书俗称参考书开头的作文 作文题目他她真 作文这一天的提岗 做一件事成功了作文五百字 &quot;小胖墩&quot;锻炼记作文 作文给自己一点信心 作文中的立意是什么 作文初中满分锻炼主题 作文素材指什么 作文以感恩为主题 作文五年后的作为 我们班的新老师---------刘老师作文(小学版) 作文景色300字 作文一篇童话故事400字左右 走进莫里中学作文 足球赛作文英语作文