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
延安无抵押信用贷款邮政储蓄贷款个人怎么贷款威海那家小额贷款公司通过率高快泸州市小额贷款鞍山市贷款网延安无抵押信用贷款重庆贷款无抵押威海那家小额贷款公司通过率高快国人金融贷款骗子贷款买车登记证住房公积金贷款买房流程威海那家小额贷款公司通过率高快公积金贷款买二手房后房产证应该在谁手里?住房公积金贷款买房流程威海那家小额贷款公司通过率高快信用贷款和商业贷款冲突吗贷吧怎么贷款啊鞍山包下贷款鞍山市贷款网济源农商银行贷款哈尔滨贷款那家利息好鞍山包下贷款国人金融贷款骗子台州快速贷款凭身份证大同当地贷款信贷款还不起怎么办大同当地贷款鄞州银行商品房按揭贷款济源农商银行贷款淄博贷款网2016当捣蛋鬼横行漫威世界,初灯照耀创世的曙光,当盲目与痴愚之神的混沌包裹整个漫威世界之时,哪些曾经的超级英雄是否还能像电影里一样拯救世界?这是一个有关来自异界的旅客在漫威搞事情的故事破天机盗门祖尸系列之残马渡阴兵: 一本不该出现的道家残书,却引发了这场千百年前死人与现世活人的争夺。 妖媚女组成的勾魂挂图,爱钻荒坟的白皮姥姥,六十年才能一见的幽灵岛,扎纸船上倒扣的水泥棺,翻身晒月光的海底死漂儿,大地之眼里沉睡的异装妖人。尸茧守护的邪物悬灵图,陷入大漠腹地的大觉元寺,屋脊上听人颂经的尸娃子,催动尸僵的引魂布经轮,死后依然受刑的神之杀伐。月圆之夜黄河上才出现的半沉敛魂船,滩涂崖壁中水怪守护的邙山阴水墟。森林深处鬼火萦绕的狐仙庙,万人共赴的尸仙涉水祭,黄土窝子下的马槽棺,废矿井里从未灭过的二十四盏尸油烛。这是一场关于魔法,名为永恒的圣战! 那夜,恶魔如天使般降临,身为魔王却为少女规划出一条救世之路。 魔法少女不一定身穿粉色洛丽塔套裙、手持心形魔杖,她也可能身披黑色羽甲、手握战矛与敌人贴脸输出。 你问魔法? 噢!她用来防御。在这个人人都是重生的世界里面,每个路人甲都绑定着五花八门的主角系统,而我?不需要!开玩笑嘛?我可是千古一帝的转世!是在刚开始修行就能硬刚创世神的存在-_-,虽然战绩可能有点难堪,但是!这种精神就很可贵嘛——?了不起的修仙天道有缺,世间最强体质神魔霸体被天道所摒弃,十五年忍辱,终将迎来曙光! 大道枷锁自束己身桎梏又如何?我自当逆战苍穹,笑傲九重天,神挡杀神,佛挡弑佛,逍遥天地间! 一日破关,我为尊,一拳荡寰宇,一脚山河溃,一静万物生,一动诸天陨,一念可化阴阳轮回,一念可镇压永恒万古! 我为太古第一神王,天骄至尊皆是我帝路上尸山血海! 我当以一双铁拳,粉碎诸天万界,天道也不行!2072年7月1日,封一鸣如往常一样被起床的闹钟吵醒,一睁眼,总感觉外面的气氛很压抑,往常应该大亮的天色,此时却显得昏暗无比,封一鸣从窗台向下望去,本该繁华无比的大街上此时竟空无一人,突然!楼下爆发出令人恐慌的尖叫声哭喊声夹杂着令人牙酸的吱吱声,砰砰砰,封一鸣的大门开始被人敲击,砰砰,砰砰砰,砰砰砰!声音越来越大越来越焦躁,封一鸣也被这突如其来的声音吓了一跳,他慢慢像门口走去,透过门缝,他看见一个脸上布满了眼睛的怪物,慢慢的,那怪物喉咙出突然裂开发出了声响,封一鸣被这画面惊吓的无法呼吸几乎要晕了过去,他踉跄往后倒了几步,门外却突然传开了喃喃的细语,一鸣,一鸣啊,一鸣快开门啊,我是奶奶啊一鸣,一鸣啊,奶奶好饿啊,乖孙快开开门,让奶奶……让……吃掉你,封一鸣本就未平复的心此刻掀起惊涛骇浪,随着门外的声音渐渐远去,封一鸣此刻只感到无尽的恐惧与诡异。 这座城市,,到底发生了什么,他真的是我的奶奶吗?凄冷的圆月下,寥寥孤魂在一望无际的大陆上游荡。天边,时而有憾人心弦鸟鸣。虚幻的夜晚,不知还有谁彻夜未眠。 西北荒漠、大沼泽、海与腐灼之地,世界究竟有多大? 似乎是亘古不变的,御魔界像风烛残年的老人,苟延残喘着。 从何时起,分为三域的御魔界迎来了新生,接着又是灭亡。一次次的破碎中,罗盘十二境在混沌里缓缓旋转。 谁知道,明天,又是什么样...... 建文四年,朱棣拖家带口举兵造反,攻进应天府时,最疼爱的太孙朱瞻基却离奇失踪。 朱棣大怒,认为是建文乱臣所为,遂屠杀一万四千余建文乱臣及家眷,流放三万余靖难遗孤,以表对太孙疼惜之意。 …… 十一年后,一少年乱了朱棣心智,朱棣时常化作普通老头,与他一起打猎。 “老爷子,我真不是你孙子,我是从死人堆里爬出来的,没有亲人。” 朱棣听着朱辰的独白,禁不住就落泪了。 “谁说你没亲人,我现在告诉你,你爷爷是永乐大帝朱棣,你是大明皇嫡长孙。” 朱辰:“老爷子,您别骗我了。” 朱棣道:“不信也罢,我欠你一个盛大的复辟仪式。” 次日,应天府白日宵禁,万人空巷,十万大明铁骑进城,为首一人,正是那身穿铠甲,龙虎精神的老爷子! 爷孙俩隔空对望一眼,朱棣一笑。 十万大明铁骑下马,恭敬跪地大吼:“恭迎大明皇嫡长孙回朝!”记录我在国企无聊的摸鱼生活
惊悚世界:射程之内皆真理 凹凸CP故事集 万界至尊 跨越时间与你闯入同一次元 大明:我爹是朱元璋 娘子,龙袍请穿好,我要读书的! 老子是高手之彩票沉迷 无敌,从十万分身开始 某只赫奇帕奇来到了原神 我在大楚当汉王 末世:假盲人他又进化了 神纹天 江湖风云诡谲 猎魔夜人 DC吃瓜兄妹 娱乐:重回女儿去世前,爆红全网 我真不是始皇帝啊 苍穹三杀变 重生异虫女王,回到2020 破月之剑 信贷款还不起怎么办 信用贷款和商业贷款冲突吗 建设银行贷款1000利息 鞍山市贷款网 邮政储蓄贷款个人怎么贷款 鄞州银行商品房按揭贷款 建设银行贷款1000利息 有房贷可以小额贷款吗 中小企业 贷款 利率 公积金贷款买二手房后房产证应该在谁手里? 2016年房地产贷款政策 2016年房地产贷款政策 台州快速贷款凭身份证 信用贷款和商业贷款冲突吗 延安无抵押信用贷款 大同当地贷款 枣庄恒昌贷款联系电话 信贷款还不起怎么办 十堰哪理最好办理贷款 威海那家小额贷款公司通过率高快 信用贷款和商业贷款冲突吗 威海那家小额贷款公司通过率高快 十堰哪理最好办理贷款 鞍山包下贷款 贷款买车登记证 湛江市那里当面贷款 信贷款还不起怎么办 十堰哪理最好办理贷款 十堰哪理最好办理贷款 中小企业 贷款 利率 鞍山市贷款网 六安急用钱贷款电话 泸州市小额贷款 延安无抵押信用贷款 台州快速贷款凭身份证 大同当地贷款 泸州市小额贷款 建设银行贷款1000利息 台州快速贷款凭身份证 绵竹银行个人贷款 大同当地贷款 有房贷可以小额贷款吗 济源农商银行贷款 枣庄恒昌贷款联系电话 住房公积金贷款买房流程 六安急用钱贷款电话 2016年房地产贷款政策 大同当地贷款 湛江市那里当面贷款 贷吧怎么贷款啊 亚星官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 汕海秋风 弑烬武煞 逆转穹天 格格鸡成长记 救赎的傀儡 亚星官网 万利官网 欧博游戏官网 亚星官网 AG真人 贷款买车登记证 邮政储蓄贷款个人怎么贷款 威海那家小额贷款公司通过率高快 大同当地贷款 泸州市小额贷款 鄞州银行商品房按揭贷款 重庆贷款无抵押 2016年房地产贷款政策 台州快速贷款凭身份证 济源农商银行贷款 台州快速贷款凭身份证 信用贷款和商业贷款冲突吗 湛江市那里当面贷款 延安无抵押信用贷款 延安无抵押信用贷款 信贷款还不起怎么办 哈尔滨贷款那家利息好 泸州市小额贷款 公积金贷款买二手房后房产证应该在谁手里? 重庆贷款无抵押 淄博贷款网2016 鞍山市贷款网 中小企业 贷款 利率 济源农商银行贷款 鞍山包下贷款 六安急用钱贷款电话 鞍山包下贷款 国人金融贷款骗子 住房公积金贷款买房流程 贷款买车登记证