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
夸客金融小额贷款加拿大新移民购房贷款额度夸客贷款是怎么收费二十万贷款十年还每月多少钱男朋友贷款2百万做生意夸客金融小额贷款信用联社五万贷款说明夸客贷款是怎么收费拍拍贷贷款留几个电话啊信用社贷款逾期多长时间会被注销公积金异地贷款办理夸客贷款是怎么收费个人贷款用途变化公积金异地贷款办理贷款银行打电话核实说错了信用社贷款逾期多长时间会被注销违法发放贷款抵押物足值加拿大cibc贷款买房申请加拿大cibc贷款买房申请银行抵押贷款提前还款信金消费贷款卡好不好加拿大cibc贷款买房申请拍拍贷贷款留几个电话啊银行贷款付货几天到账今年贷款做生意的多吧再贴现贷款最长年限今年贷款做生意的多吧银行贷款付货几天到账银行抵押贷款提前还款个人贷款用途变化末日之乱三百年后,人类终于在异兽的铁蹄下重建安身之所。 陆香作为英雄之子,却在父亲死后沉迷书海,逃避现实。然而意外发现父亲或许不是死在异兽之手。 为了查明父亲死亡的真相,陆香终于踏上狩猎异兽之路。 然而真相或许比他想象中更加可怕,他们并没有在异兽口中的取得胜利,他们生活的世界或许只是一个巨大的牢笼罢了……简介:天若灭我我逆天,神若阻我我弑神,小青年杨业回家祭祖不小心掉落悬崖被血魔殿主残魂带领穿越异界,强势崛起,打破上世界枷锁,开启了一个新世纪的传奇,并留下了万古传说, 九天之上我为巅, 覆灭星辰反手间, 血魔一怒银河碎, 帝骸遍布星空间一个玩世不恭的小子,因奇缘而获得特异奇能,在校园里由傻冒而一跃成名。走入社会,左右逢源,由此而暴富,走出一条自在的人生之路。在这个世界里,跨界石,是一种神奇的东西。相传上古时期,轩辕姬得之,拥有掌控南北两极之能,所以控磁场,造司南。大禹得之,拥有排山倒海之势,所以治江海。? ?...... 而觉醒职业和灵器,是这里每人都渴望的事。 雪擎,一个被祝福和诅咒同时缠上的少年,即将开启一段传奇之旅...... ? 黎伶曾见过死而复生的人,她也希望成为那样的人,唯有超越死亡的束缚,才能拥抱无尽的幸福。 不过啊,不凋花仅是一场梦,而一场梦,终究是徒生花。谁说凡人就不能修仙?谁说凡人就是鱼肉? 看我逆流而上,逆行伐仙!寰宇帝族和星空邪神族为两大至尊强族,两族自存在以来一直背负着不同的使命。寰宇帝族一族两人,一男一女,男性在出生后,就会被安排传送,自行成长崛起,直至打破自己所在区域的限制,冲出恒星,进入寰宇内,才能回归。 翔天在父母孕育后,被星空邪神找到传承点,欲要重创此族。翔天父母合力开辟时空裂缝随机传送,却不曾想还有一缕邪念随着翔天一同被传送走。至此展开了翔天和邪神族的对抗之路。 翔天被随即传送直三十一世纪的地球,机缘巧合下,与流域山庄的小家庭里同名为:“翔天”的幼儿融合。 慢慢成长,作为寰宇帝族的他,身体血脉之力逐渐的觉醒,掌握了多种大神通。 多年后,两眼太阳种,收获木之心灵,荒漠之肺,收服坐骑烈焰神龙,乃万兽之王;三头恶灵让三界震颤。五大法器寰宇最强,化为人形镇守一方。   解锁和收获这些后,寰宇帝族的成长之路才刚开始,翔天需向更高的生命层次进化,才能成为真正的寰宇帝族,征战寰宇,让寰宇重新回到帝族的庇护之下。 小家族叶羽出身平凡,偶得神秘黑塔相助,一步步成长为顶尖强者。 只手握捏千山雪,剑成可斩天上仙!  穿越九州世界,成为秦皇嬴政的十六公子——赢长歌。 这里更是汇聚了九州历史所有朝代,武林世家。   赢长歌自幼无所事事、贪图享乐,更是自己开了一个风月酒楼。   这也成为咸阳城津津乐道的‘美谈’。   岂料天道呈现,金榜公布!   嬴政:“寡人大秦横扫六国,一统天下,这榜单必然是我大秦第一!”   汉高祖:“朕大汉马踏匈奴,镇杀西域,天下舍我其谁!”   然而伴随着金榜公布……   嬴政大惊:“我儿长歌,有大帝之资!” 周元真灵入洪荒,绑定天道信用卡。开局狂刷信用卡,先天不朽道胎,先天混沌至宝,先天神魔秘法……统统安排上! 不知不觉,他竟然欠下了亿万功德! 而在这时,信用卡提示,逾期不还,天罚降临,神魂俱灭! 窝草—— 为了保住小命,他开始疯狂抢夺功德,女娲造人,立教成圣,六道轮回,三皇五帝……他都要插一脚! 而为了防止主角“意外”死亡,无法追回欠债,天道也跟着变质了,处处维护主角。 老子:“竖子!你竟敢抢我人教教主之位?” 原始:“小贼!不要跑,还我杏黄旗!” 天道:“咳咳……” 众圣:天道不公啊!
俺是一个保安 斩天丹帝 梦与世界的距离 十三岁的一天 兰陵王的神瞳 空间无限法 科研大佬从相亲走错桌开始 天下珍藏 孤刀出鞘 神兽召唤师 三国乱斗我在行 穿越倚天之我是张无忌 我们有一个反鬼计划 不存在的游戏人生 我在陕西读大学的那段时间 武神无双绝世 万界收藏家 书剑传奇录 运流 改香传 5万贷款车贷 流动资金贷款能否还贷款 违法发放贷款抵押物足值 男朋友贷款2百万做生意 5万贷款车贷 小额贷款申请人年龄 违法发放贷款抵押物足值 买个二手车贷款之前要签什么手续 再贴现贷款最长年限 不合规的贷款用途 小额贷款恶意欠贷 小额贷款恶意欠贷 汽车抵押贷款 砍头息 流动资金贷款能否还贷款 夸客金融小额贷款 男朋友贷款2百万做生意 银行贷款责任追究 再贴现贷款最长年限 徐州速帮贷款 夸客贷款是怎么收费 流动资金贷款能否还贷款 贷款银行打电话核实说错了 徐州速帮贷款 公积金异地贷款办理 信用社贷款逾期多长时间会被注销 汽车抵押贷款 砍头息 5万贷款车贷 加拿大新移民购房贷款额度 徐州速帮贷款 再贴现贷款最长年限 男朋友贷款2百万做生意 重庆贷款公司加盟 二十万贷款十年还每月多少钱 夸客金融小额贷款 银行贷款付货几天到账 今年贷款做生意的多吧 二十万贷款十年还每月多少钱 违法发放贷款抵押物足值 汽车抵押贷款 砍头息 贷款银行打电话核实说错了 今年贷款做生意的多吧 不合规的贷款用途 贷款买车是什么流程 银行贷款责任追究 公积金异地贷款办理 重庆贷款公司加盟 小额贷款恶意欠贷 今年贷款做生意的多吧 汽车抵押贷款 砍头息 信用联社五万贷款说明 亚星官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 十年的失却 山海凶猛 妖往长生 异世界精苏系统:起家 普通修炼 葡京官网 快连下载 欧博官网 葡京官网 皇冠登3出租 汽车抵押贷款 砍头息 男朋友贷款2百万做生意 银行抵押贷款提前还款 小额贷款申请人年龄 夸客金融小额贷款 流动资金贷款能否还贷款 买个二手车贷款之前要签什么手续 信用社贷款逾期多长时间会被注销 再贴现贷款最长年限 徐州速帮贷款 小额贷款申请人年龄 二十万贷款十年还每月多少钱 男朋友贷款2百万做生意 小额贷款申请人年龄 违法发放贷款抵押物足值 今年贷款做生意的多吧 公积金异地贷款办理 公积金异地贷款办理 夸客金融小额贷款 汽车抵押贷款 砍头息 信用社贷款逾期多长时间会被注销 拍拍贷贷款留几个电话啊 加拿大新移民购房贷款额度 信金消费贷款卡好不好 个人贷款用途变化 夸客贷款是怎么收费 男朋友贷款2百万做生意 个人贷款用途变化 信用联社五万贷款说明 个人贷款用途变化