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
电影江水滔滔夫妻性爱电影大全电影无影有关电影电影《龙猫》的歌曲叶子卿电影全集电影江水滔滔生死地松泸会战电影电影无影韩国电影后宫之妾老中国战争片大全电影片虎虎虎电影在线观看电影无影电影鬼赌神虎虎虎电影在线观看没有共产党就没有新中国电影老中国战争片大全电影片十年计划电影的男主角zhanzheng电影网zhanzheng电影网电影人民公厕半支烟完整版电影zhanzheng电影网韩国电影后宫之妾1看电影官方下载angelababy彭于晏电影电影夏日神angelababy彭于晏电影1看电影官方下载电影人民公厕电影鬼赌神天才古枫,惨遭敌人挖仙王骨、打碎丹田,成为废物。 父母的棺材也被敌人挖了出来! 他在绝望中觉醒荒古圣体,获得荒古天君的传承。 他执掌天剑,抗衡视他为敌的天道,一步一步登顶世界之巅,达到与天道并肩的无上境界。 古枫:既然天要杀我,那我就要屠天……证帝!!!楚林重生穿越到一个未知的修仙世界。 武功尽失、曾被称为“奇才少年”的他跌落神坛。 正当楚林痛饮美酒,卧床难安时,他居然又跑回现实了。 从此获得:驾驭现世与修仙世界! 某天公司举办Cosplay展览会,楚林意外遇见一名古装女子。 她窈窕妩媚,柔桡轻曼,冰肌莹彻,两眼流苏像极了制作游戏里的人物。 “凛秋雪,这个家伙居然也跑到现实了!” 楚林不敢置信地抓住她的皓腕,只见凛秋雪铁青着脸。 “流氓!” 吴邪怎么也想不到,自己三十岁生日的愿望竟然实现了, 只不过这地方有点不对劲,但缓劲过后,那是相当嗨啊! 有老婆,有妾,还有通房丫头,最大的亮点还是能去怡红院! 咳咳……这时代真的让男人爱上啊! 只是, 只是,这男人的名声太臭了吧! 怎么把名声改过来?怎么把名声改过来?怎么把名声改过来? 吴邪开始一系列重大挑战……深渊之中机遇与危机并存,生死与命运相连,于这神秘中,在这深渊中,何者生存一次偶然的机遇,使陈明穿越到了我的世界中,成为了史蒂夫,与众多妖魔鬼怪战斗,与村庄建立国度。:更新不稳定,让作者攒攒存稿。我本无意争锋,却被迫推上高位,在血与火中,一步步走到天的举世瞩目的高度,那么就剩下天了......来自他的故事传奇。“我是上古的神。” 上海,16年的夏天,陆贺遇见的那个在酒吧里喝醉酒的少女如是说。 陆贺没有理会她,准确点说,陆贺把少女当作是一个中二病患者。 18年,陆贺生意失败,回到高鹤市和父母同住,楼上每天晚上都很吵,像是在开派对,“忍忍吧!这几个星期都这样,我们都习惯了。”父母都是很懦弱的人。 陆贺忍不了,他不是不敢出头的乌龟,终于是在一天夜里,陆贺穿着睡衣就冲到楼上去敲门,开门的是一个少女。 “有什么事吗?”少女问。 “你能不能安静一点?你不睡觉,别人也要睡觉的!”陆贺没好气地说。 “我认识你,好像是16年,我和你见过。”少女若有所思地点点头,“进来坐,我有事情让你帮忙。” “你听不听得懂我的意思啊?”陆贺感觉面前的少女简直是在侮辱他。 “帮点忙而已。”少女说着走回房间,留下陆贺一个人在门口吹凉风。“应该没什么大事吧?她总不能绑了我”陆贺想了想,还是走了进去……挺讽刺的,这改变了他无聊的人生。 以此铭记那段时光。孙浩立志于实现其明星的梦想,并一直努力着苏长生穿越平行世界,居然多了个便宜老爹? 便宜老爹欠缴税款数亿,锒铛入狱,苏长生不得不走上赚钱还款的苦逼道路。 他是娱乐排行榜所有爆火作品的金牌创作者,没有团队,没有助手,不接广告,不接代言,深居简出,神秘莫测。 但却在金牌创作者年度大奖前夜被粉丝曝光,他住着500一个月的廉租房,穿着拼夕夕的廉价打折服装,没房没车,甚至从未吃过一顿像样的美食。 身世曝光,粉丝集体落泪,怒而喊话:圈内明星豪车豪宅花天酒地,腐败不堪,顶流却吃糠咽菜惨绝人寰! 怎能让一股清流在乌烟瘴气的娱乐圈中顽强挣扎! 粉丝集体跪了:求您接点广告吧,求您接点代言吧……一个高中毕业的学生,带着一个幸运的锦鲤穿越各种平行世界,在各种平行世界中,他都是最强大的那个人...
我与自己对弈 全能者之双生者 我靠读书成圣人 公子无双 大秦:金榜降世,祖龙求我监国 重生后再次崛起杀回魔界 混沌落尊 我的仙皇大叔 透视小农医 我的手指有异能 玄幻:我能看到未来 不思乐园 田畯野老 初浮记 人在京都,开局宰相之子 道非身外之异域魔神 紫圣封神传 京城:修成神话 大秦:我杀敌就能变强 双苼 一个小孩划船的老电影 二战战争片大全电影一 十年计划电影的男主角 叶子卿电影全集 一个小孩划船的老电影 急速蜗牛八哥电影 十年计划电影的男主角 老电影战上海歌曲 电影夏日神 电影18 早霜电影下载 早霜电影下载 兰博 电影 二战战争片大全电影一 电影江水滔滔 叶子卿电影全集 受益匪浅的电影 电影夏日神 电影麻姑什么意思 电影无影 二战战争片大全电影一 没有共产党就没有新中国电影 电影麻姑什么意思 虎虎虎电影在线观看 老中国战争片大全电影片 兰博 电影 电影夏日神 夫妻性爱电影大全 电影麻姑什么意思 电影夏日神 叶子卿电影全集 下载抗战电影 有关电影电影《龙猫》的歌曲 电影江水滔滔 1看电影官方下载 叶子卿电影全集 有关电影电影《龙猫》的歌曲 十年计划电影的男主角 兰博 电影 没有共产党就没有新中国电影 angelababy彭于晏电影 电影18 老电影江水滔滔 受益匪浅的电影 虎虎虎电影在线观看 下载抗战电影 早霜电影下载 angelababy彭于晏电影 兰博 电影 生死地松泸会战电影 亚星游戏官网 亚星官网 亚星官网 亚星官网 亚星官网 小农村的离奇故事 看守所笔记 原神之我到提瓦特对线天理 逆路修仙传 圣堂之眼 皇冠登3出租 澳门葡京游戏官网 澳门葡京官网 百家乐官网 亚星官网 没有共产党就没有新中国电影 虎虎虎电影在线观看 早霜电影下载 一个小孩划船的老电影 叶子卿电影全集 半支烟完整版电影 老中国战争片大全电影片 急速蜗牛八哥电影 十年计划电影的男主角 没有共产党就没有新中国电影 没有共产党就没有新中国电影 韩国电影后宫之妾 半支烟完整版电影 生死地松泸会战电影 急速蜗牛八哥电影 电影麻姑什么意思 电影无影 电影人民公厕 二战战争片大全电影一 一个小孩划船的老电影 angelababy彭于晏电影 老电影战上海歌曲 电影无影 受益匪浅的电影 下载抗战电影 没有共产党就没有新中国电影 电影夏日神 早霜电影下载 韩国电影后宫之妾 潘长江抗战喜剧电影