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
自编题考试软件三维软件动画哪个逼真一些制作ppt软件排行榜好的听书软件苹果电脑版mp3高音质录音软件自编题考试软件金薄财务软件行政事业下载制作ppt软件排行榜截面特性五金手册软件可以下载电子书朗读软件pablo软件 使用制作ppt软件排行榜行情软件哪个好用pablo软件 使用91助手备份软件是完整的吗可以下载电子书朗读软件有什么可以在电脑上截屏的软件下载财智8软件无法打开电脑版mp3高音质录音软件caliper软件下载筑业软件国标园林版财智8软件无法打开截面特性五金手册软件考试学生分座软件看看影视苹果手机不能下载软件汽车维修企业客户管理软件看看影视苹果手机不能下载软件考试学生分座软件caliper软件下载行情软件哪个好用到底是僵尸厉害呢?还是吸血鬼厉害呢?如果真的有僵尸和吸血鬼,两者又会有什么样的碰撞呢。拳皇同人作品仙灵降世,灵气复苏。 妖尊悟空惨被菩提老祖疯狂追杀,重创之际,利用仅剩神力,封锁火星之石隧道,化作一粒记忆碎片陨落…… 百年之后,飞落水球,成为了水球人类的大脑思维结晶,之前历史记录,书籍神话人物,都是该神的记忆,最后徒弟秦记展开了亿年的复仇计划……一个受过特训的现代警察突然穿越到了南宋,而且是精神穿魂魄穿几合一,统一了水浒世界与岳飞之后的真实南宋,改变了历史走向,征服亚欧大陆的金戈铁马传奇霸业。灵域大陆,虚空位面强势入侵;战斗结束,却还有阴谋逐渐浮现;弱小的肖泽桦从不断的修炼中找寻自己的身世,却意外遇到了与他相关的女子。两人日久生情,却因为立场而不得不进行争斗。最终肖泽桦成神,开始探寻更加深远的世界。。原本是各个不同世界和地方的九位勇士,却因一次的使命而是他们走到了一起;今后的路,虽然漫长而艰巨,但他们之间的友谊与羁绊却不会因为任何原因而被斩断,不论在何方,都会把彼此深深地记在心里!!九州大陆,一个魔之子降入凡间,且看假废物,如何凭借一已之力创建自己的势力,拓展地盘,灭门派,得道飞仙,成就一番散俢传奇意外穿越异世,别人成仙成佛,惨点的也是废物逆袭。 可是到了古二蛋这里,他却发现自己一点盼头也没有。 因为这家伙成为了一个骷髅兵!还是一个没有脑袋的下等残躯战损版骷髅兵! 生活不易,骷髅叹气,望着自己一两肉都没有的身体,古二蛋决定要逆袭给所有人看! “金手指系统!我要称王称霸!给我发威!” “收到宿主期盼,本系统已按照期盼进行修改,正式进化为骷髅领主系统,你可以通过收集资源来强化麾下士兵啦!而且是没有上限的强化呦!” “哦?这么厉害的吗!那么这种能力也能作用到我的身上对吧!” “…………” “对吧?” “…………” “对吧?!!!”人类文明的进化、病毒变异和外星怪物之间的宇宙关系来自星辰的启示, 人与神明相抗争。 超前进化的智慧, 痴迷幻梦不愿醒。 败军之将,梦途惊醒,逆天改命,铸就新(醒)程。
人道圣尊 仰慕星空 万古第一神 天命加身,我肩负拯救女尊大业 耀世神辉 大小姐的贴身夫婿 想躺平,可我的机宠太卷了 欢迎来到我与胜者的游戏 全能先生闹都市 阴阳巫眼 俏无常 异度虚空 荡世九歌 穿越时间的思念 血修士 灰度区间 诸天神魔系统 这江湖有点不对劲 入赘仙宗,谁敢说我老婆丑 万界第一战神 cad看图软件导出图片 win10 能用的擦除软件 有什么可以在电脑上截屏的软件下载 电脑版mp3高音质录音软件 cad看图软件导出图片 众智软件 破解版 有什么可以在电脑上截屏的软件下载 刷qqvip永久免费软件 汽车维修企业客户管理软件 华为手机刷屏的软件下载 上古诸神脚本软件 上古诸神脚本软件 苹果手主题app下载软件 win10 能用的擦除软件 自编题考试软件 电脑版mp3高音质录音软件 图片高缩软件 cad看图软件导出图片 时速2软件 制作ppt软件排行榜 win10 能用的擦除软件 制作ppt软件排行榜 时速2软件 财智8软件无法打开 可以下载电子书朗读软件 苹果手主题app下载软件 cad看图软件导出图片 三维软件动画哪个逼真一些 时速2软件 汽车维修企业客户管理软件 电脑版mp3高音质录音软件 手机涮屏软件 好的听书软件苹果 自编题考试软件 考试学生分座软件 看看影视苹果手机不能下载软件 好的听书软件苹果 有什么可以在电脑上截屏的软件下载 考试学生分座软件 91助手备份软件是完整的吗 看看影视苹果手机不能下载软件 刷qqvip永久免费软件 海川软件官网 图片高缩软件 pablo软件 使用 手机涮屏软件 上古诸神脚本软件 看看影视苹果手机不能下载软件 苹果手主题app下载软件 起凡星雨阁有没有什么辅助软件 亚星游戏官网 亚星官网 亚星官网 亚星官网 亚星官网 道友,你手中法宝与我有缘 黑洞之三维打四维 避难所下 千古帝王业 鞶镇往事 亚星游戏官网 万利游戏官网 万利官网 亚星游戏官网 澳门葡京官网 筑业软件国标园林版 91助手备份软件是完整的吗 刷qqvip永久免费软件 看看影视苹果手机不能下载软件 好的听书软件苹果 有什么可以在电脑上截屏的软件下载 看看影视苹果手机不能下载软件 pablo软件 使用 起凡星雨阁有没有什么辅助软件 手机涮屏软件 苹果手主题app下载软件 可以下载电子书朗读软件 苹果手主题app下载软件 时速2软件 caliper软件下载 华为手机刷屏的软件下载 制作ppt软件排行榜 行情软件哪个好用 时速2软件 起凡星雨阁有没有什么辅助软件 行情软件哪个好用 考试学生分座软件 金薄财务软件行政事业下载 图片高缩软件 众智软件 破解版 上古诸神脚本软件 pablo软件 使用 筑业软件国标园林版 pablo软件 使用 制作ppt软件排行榜