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
银行车贷款还要交给银行保证金十堰汇中普惠小额贷款贷款买车是先付利息么新疆汽车抵押贷款税费可以贷款吗银行车贷款还要交给银行保证金无抵押贷款取消贷款买车是先付利息么北京房屋贷款 2015年9月昆山建设银行贷款中心扬州公积金贷款额度计算贷款买车是先付利息么什么理由贷款利率低组合贷款选择哪种还款方式什么是贷款激活金昆山建设银行贷款中心公积金贷款额度 工资开发商说不可以贷款开发商说不可以贷款贷款下来后不想贷了公积金贷款额度首付开发商说不可以贷款北京房屋贷款 2015年9月贵阳市公积金贷款流程税费可以贷款吗首付付过了贷款下不来新疆银行贷款过桥公司贵阳市公积金贷款流程贷款下来后不想贷了什么理由贷款利率低轮回尽头的太宇古尸,太古尽头的无上存在,没有人能知道这世间的一切到底存在了多久,也没有人知道在无尽遥远的时光前究竟有多么强大的存在,这世间的一切都是个迷。这世间的一切究竟为何而生,这世间的一切存在到底有何意义?不,或许世间的一切本无任何意义……小奴隶张小六,大名张青山,因为一次选拔,被挑中去修仙门派中选拔,从此开始了一条崎岖坎坷又九死一生的修仙之路,班里的美少女转校生告诉我,我们已经被卷入了一场狼人杀游戏当中,随时会死? 可是......为什么我的狼人杀,画风不一样? 深夜,无人居住的房间里传出了诡异的声音, 黑暗的海洋馆深处传来了阵阵婴儿的啼哭声, 桃花盛开的小村庄在黑夜里露出了血色的獠牙...... 我能不玩了吗......在宋朝年间,民间流传着一册记录,据说这本记录经过多位监司及他人之手,其中主要记载了自宋朝起一些近边地狱的成形和地域,专为找寻它的存在,一个地下组织成立了……本文主人公文春水,是个高考落榜的农村青年。本文主要写了文春水坎坷的人生,和他缠绵悱恻的罗曼史。他多才多艺,文静儒雅,一表人才。他为人正直善良,但命运坎坷,爱情多磨难……主要是讲男主受到种种困难成为了修罗把坏人打死。为天下安定带来了和平。后来回到了现实中的故事。神秘圣痕蕴含弑神时代的异能者灵魂,饱受欺凌的废柴男孩献祭自身,将昔日亡魂重新召唤于世。而接受了馈赠的亡魂,也将按照契约内容为男孩完成复仇。 而此时,异神也逐渐苏醒。 一场大战即将开启,腥风血雨将至。 而他也向世界宣告、向异神宣告。 “自称为黄金时代、自认为是人类之巅蝼蚁们,来感受一下弑神时代异能者的恐怖吧!” “还有,那些自诩神灵的异界爬虫们,重温一下曾在昔日将你们残杀殆尽的、名为‘人类’的梦魇吧!”煮夫是个大纲废、取名废、简介废,但是唯独文笔和构思不废,喜欢看不一样的故事就请看我的书吧,本来起纲的时候是都市纪实向或者恐怖灵异向的,结果,结果因为很多东西太敏感不能写,一不小心就涉黄涉政涉黑涉毒了,所以就只能改了,以下是我坦白的内容: 这个故事呢,大体是一个叫石羽白的“年轻人”带着自己送上门的老婆孟婆神“孟芝兰”别样的强者归来之路,也没写什么大事儿,就是破个九煞改命局、破个擒天锁地阵、再盗个太古神墓啥的,顺手暴锤一下巡天夜叉王,破解了先天十六卦之谜这种小事都不值得一提了。窝囊废赘婿冯一洵,无意中得到天师传承,成为最后一名天师。 面对出轨的妻子,无情的岳母,比自己更窝囊的岳父。 冯一洵从此开启了不一样的人生。 妻子:老公,其实那是个误会。 岳母:一洵,妈妈真的知道错了。 岳父:哥,咱俩以后就当兄弟处!剑未妥,江湖早,纵使不懂,也不默,少年啊,不归呀,吾辈皆是英雄! 鸟惊忽现白马,飘飘锦衣落梨花,少年呀,归来呀,千年谁复重生?一剑动京华!
潘龙玉佩 无帝乱世 清河王 我的不夜城 天刀之九幽来客 上天入地,我有宠物 梦宰沧溟 看江 史上第一大反派 大明权相 神级宗派升级系统 恶源 缚天咒君 捡到一个神奇手机 流浪在仙界 庶子谋路 假面骑士:骑士联盟 大秦:金榜现世,祖龙求我君临天下 网游之九转轮回 元:师 首付付过了贷款下不来 昆山建设银行贷款中心 100万贷款30年月供每月按揭 开发商说不可以贷款 购买期房啥时候贷款呢 贵阳市公积金贷款流程 100万贷款30年月供每月按揭 住房银行贷款利率 如果贷款下不来 什么理由贷款利率低 北京房屋贷款 2015年9月 北京房屋贷款 2015年9月 贷款信用卡没钱还 昆山建设银行贷款中心 贷款买车是先付利息么 税费可以贷款吗 北京房屋抵押银行贷款 首付付过了贷款下不来 十堰汇中普惠小额贷款 什么是贷款激活金 昆山建设银行贷款中心 什么是贷款激活金 十堰汇中普惠小额贷款 组合贷款选择哪种还款方式 专业房屋抵押贷款 贷款下来后不想贷了 首付付过了贷款下不来 十堰汇中普惠小额贷款 十堰汇中普惠小额贷款 如果贷款下不来 开发商说不可以贷款 二手车按揭贷款都要哪些费用 新疆银行贷款过桥公司 贷款买车是先付利息么 贷款信用卡没钱还 税费可以贷款吗 新疆银行贷款过桥公司 100万贷款30年月供每月按揭 贷款信用卡没钱还 新疆汽车抵押贷款 税费可以贷款吗 住房银行贷款利率 可以用租用的房屋公司贷款 北京房屋抵押银行贷款 扬州公积金贷款额度计算 二手车按揭贷款都要哪些费用 北京房屋贷款 2015年9月 税费可以贷款吗 贷款下来后不想贷了 公积金贷款额度 工资 亚星官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 我在异世界的修仙传 黄土地里的七杀命格 疯狂的禽兽 亡灵之友 我不想谈恋爱! 万利官网 皇冠登3出租 百家乐官网 万利官网 欧博官网 十堰汇中普惠小额贷款 无抵押贷款取消 住房银行贷款利率 如果贷款下不来 新疆银行贷款过桥公司 开发商说不可以贷款 税费可以贷款吗 贷款信用卡没钱还 公积金贷款额度 工资 公积金贷款额度首付 贷款下来后不想贷了 银行车贷款还要交给银行保证金 贷款下来后不想贷了 专业房屋抵押贷款 可以用租用的房屋公司贷款 什么是贷款激活金 昆山建设银行贷款中心 如果贷款下不来 十堰汇中普惠小额贷款 税费可以贷款吗 卖房也交钥匙买房贷款未放款 100万贷款30年月供每月按揭 无抵押贷款取消 扬州公积金贷款额度计算 贵阳市公积金贷款流程 银行车贷款还要交给银行保证金 公积金贷款额度 工资 昆山建设银行贷款中心 扬州公积金贷款额度计算 十堰汇中普惠小额贷款