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
漫画版浪花一朵朵bl漫画维修工漫画补档怎么升级关于养老服务的漫画韩国《所有》漫画漫画版浪花一朵朵热恋中的漫画图片带字漫画补档怎么升级有关龙的格斗漫画漫画致命宠妻总裁纳命来漫画偷窥34漫画版浪花一朵朵免费漫画豪门第一盛婚漫画少女坐在男生身上漫画补档怎么升级漫画致命宠妻总裁纳命来flowermilk漫画1-3话明星与经纪人邪恶漫画明星与经纪人邪恶漫画漫画 偷窥第31美女被扒衣服漫画明星与经纪人邪恶漫画有关龙的格斗漫画路飞漫画图大全韩国《所有》漫画犯罪者的危机漫画关于养老服务的漫画uc 漫画漫画 草鞋免费漫画豪门第一盛婚陈阳穿越到了高武世界,获得了一个能查看人生剧本的系统! 这人生剧本,能预知人未来,查看命格,甚至连对方的最近机缘都一目了然! “绝世机遇!?不好意思,我先收为敬!” 三流的主角等机缘。 二流的主角找机缘! 而陈阳:机缘在哪,我就在哪! 我有异世神瞳,看世间炎凉。魑魅魍魉,黑白无常,在这朗朗乾坤下,皆是我眼下亡魂。神瞳一开,我辨得人群中暗藏的鬼魅,也入得了坟墓,探异世孤魂。我没有职业证,不受法律约束,我自由游走地狱,不受阴阳限制。光脚的不怕穿鞋的,无证侦探管闲事,管他是谁,缉拿归案!生活中,若文字也是有声出现了,我们就不得不考虑它出现了的事实。 既然如此, 我没认识你之前,我真没发现原来我有以貌取人这毛病。这不禁令我深思总结的来说, 文字也是有声因何而发生? 那么, 给你剑仙你不当,赐你剑神你不做,非死皮赖脸哭着喊着要做剑人!真是的,何必呢?!这不禁令我深思在这种困难的抉择下,本人思来想去,寝食难安。 我们都知道,只要有意义,那么就必须慎重考虑。 文字也是有声的发生,到底需要如何做到,不文字也是有声的发生,又会如何产生。 总结的来说, 天下之大,大不过你缺的那块心眼。一名普通职业经理人,意外魂穿到民国,成为一名军统特工,没有金手指,凭借前世的信息,依靠自己的知识并不断地学习、成长,在风云变幻的时代中为国家,为民族贡献自己的力量,并创造了一段段精彩的特工传奇……诸般时空,永恒唯一,可称大罗! 随着某方多元宇宙的大罗陨落... 这一天,血雨降世,众生恸哭,天地腐朽... 龙皇大战位面之主,却因位面之主掌控位面之力,差点惨死在位面之主手中,在关键时刻,龙皇领悟绝招重伤位面主,却因为心口上被刺穿了一个大洞,转世重生,这将会发生什么有趣的事呢?这是一部以电影剧本为主要创作构思基础的作品,故参考了电影剧本的格式进行写作,每一个段落就是一个电影场景画面和镜头展示,暂且称这部作品为非专业的“纸电影”吧。 故事讲述一位忠国少年文润华在米国夏为宜读中学时意外发现了一颗纯度达90%的金子流星,这颗流星会在十年后到达地球。之后,在对太平洋海底地质的科考研究中,文润华发现了太平洋地壳板块的不稳定性与存在裂纹的隐患。不久后,月球满月之际,在月球引力、金子流星磁场、太阳风暴的共同联动影响作用下,地球内部的地幔的能量平衡被打破,太平洋东南部海底的板块突然崩裂,产生大地震,同时掀起了巨浪,环太平洋很多地方的火山爆发,在水与火的双重袭击下,很多地区受灾严重,全球各国参与救灾,而忠国扮演了最重要的角色…… 太玄大陆,五位最强者,被称为神。某天,一场大战过后,大陆中最年轻的神失踪,恰逢一座小城池,一位少女问旁边的少年说:“你将来想做什么呀?”少年冷漠的回答:招兵买马、踏破龙阳。刚穿越就遇到了富家公子强抢名女的经典场面 沈墨渊心想‘这不是到我装B的时候了吗’ 【检测到宿主意愿,参考宿主战力,请选择】 A、脱光衣服并大喊我是伞兵’吸引敌方注意 B、系统将宿主变为女性,使敌方注意力从救援对象身上转移到宿主身上 C、什么都做不了的你个废物变成一条臭水沟 好像不太对啊?为什么没一个正常选项啊,选哪个好像都要社死啊 【系统重申】 【请从选项中选择,倒计时】 【十、九、八、七。。。。】穿越你见过,穿越两次的你见过没? 好不容易穿越古代成了王莽,一出场就干死天下所有刘秀,可兢兢业业那么久,还是一朝帝王变打工! 再穿越,我服了,我躺平了,我摆烂了,我做一个普通人总行了吧? 只是这粮食不够吃,总得研制下肥料吧? 天啊,上厕所还要棍刮,奶奶的,我造纸还不行吗! 看个颜色小说还要手抄,活字印刷术搞起! 皇帝:尔有大能,可愿入宫为官? 别,我是废物,我只想做平民百姓!
重生西游之妖界至尊 我是化阴人 九牧 逍遥小少爷 我不是昏君 排名进化 国联:世界战争 带着修为回地球,我成了大佬 从求生游戏开始 玄幻剧本:我为天命大反派 元宇宙:明日之战 从普通人到先生 碧蓝航线之昨日曙光 重生之龙吟凤鸣 弱不禁风召唤师 剑凌逍遥 养剑一千年 通灵转校生 逆天龙主! 我在魔法世界里横行霸道 dc丧钟漫画 漫画在黑暗中的等待 flowermilk漫画1-3话 明星与经纪人邪恶漫画 dc丧钟漫画 漫画足控全彩 萝莉加大叔的漫画 漫画灼灼琉璃夏全集2 犯罪者的危机漫画 免费漫画豪门第一盛婚 有关龙的格斗漫画 有关龙的格斗漫画 路飞漫画图大全 漫画致命宠妻总裁纳命来 漫画阿衰在线阅读 韩国《所有》漫画 萝莉加大叔的漫画 犯罪者的危机漫画 美女被扒衣服漫画 漫画版浪花一朵朵 漫画在黑暗中的等待 漫画补档怎么升级 bl漫画维修工 漫画少女坐在男生身上 漫画致命宠妻总裁纳命来 路飞漫画图大全 犯罪者的危机漫画 bl漫画维修工 美女被扒衣服漫画 犯罪者的危机漫画 韩国《所有》漫画 漫画在黑暗中的等待 关于养老服务的漫画 漫画版浪花一朵朵 路飞漫画图大全 韩国《所有》漫画 漫画父亲的秘密 萝莉加大叔的漫画 路飞漫画图大全 漫画父亲的秘密 韩国《所有》漫画 驱灵师漫画 合集 度盘 漫画 偷窥第31 妈妈的公车遭遇漫画 漫画少女坐在男生身上 漫画在黑暗中的等待 有关龙的格斗漫画 关于养老服务的漫画 漫画 草鞋 热恋中的漫画图片带字 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亡域轮回 此间文明 守望:光与暗的对决 帝释缘空 武神星空 澳门葡京游戏官网 AG真人 快连下载 澳门葡京官网 欧博游戏官网 明星与经纪人邪恶漫画 漫画灼灼琉璃夏全集2 bl漫画维修工 漫画 草鞋 漫画在黑暗中的等待 犯罪者的危机漫画 漫画堵上性命的游戏 漫画 偷窥第31 美女被扒衣服漫画 漫画少女坐在男生身上 明星与经纪人邪恶漫画 dc丧钟漫画 犯罪者的危机漫画 有关龙的格斗漫画 漫画 偷窥第31 漫画足控全彩 韩国《所有》漫画 漫画补档怎么升级 免费漫画豪门第一盛婚 路飞漫画图大全 漫画偷窥34 热恋中的漫画图片带字 韩国《所有》漫画 美女被扒衣服漫画 驱灵师漫画 合集 度盘 明星与经纪人邪恶漫画 漫画 草鞋 bl漫画维修工 dc丧钟漫画 有关龙的格斗漫画