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
有房贷离婚能取公积金贷款银行现金贷款怎么办理有交行信用卡可以贷款买车以房抵押金融贷款利率银行信用贷款哪个划算有房贷离婚能取公积金贷款银行无抵押贷款20万有交行信用卡可以贷款买车用存单短期抵押贷款银行愿意做抵押贷款吗银行业存贷款总额有交行信用卡可以贷款买车银行委托贷款利率最高银行业存贷款总额宜信贷款还款账号银行愿意做抵押贷款吗用车贷款还不上怎么办银行信用卡贷款怎么贷银行信用卡贷款怎么贷有定期存款贷款划算吗用存单可以贷款吗银行信用卡贷款怎么贷有交行信用卡可以贷款买车银行十年贷款利率用车抵押贷款安全吗银行信用卡贷款怎么贷用车贷款还不上怎么办银行十年贷款利率银行愿意做抵押贷款吗有贷款记录 已还清作品背景:这是一个发生在比较落后的小县城的故事,故事中的食宿生指的是从星期天就开始住在学校直到星期五放学才回家的学生。学校管理严格,学生到了学校后,基本没有机会出校门;而且学生家庭条件都比较困难,对于一些学生来说学校节日给他们发的零食的时候就是他们在学校最快乐的时光。 正文:今天,阳光明媚,我带着我的兄弟们从食堂出发倒垃圾,为什么我会这么积极呢?当然是因为学校外面的小卖铺卖的零食太有诱惑力了......天道有缺,世间最强体质神魔霸体被天道所摒弃,十五年忍辱,终将迎来曙光! 大道枷锁自束己身桎梏又如何?我自当逆战苍穹,笑傲九重天,神挡杀神,佛挡弑佛,逍遥天地间! 一日破关,我为尊,一拳荡寰宇,一脚山河溃,一静万物生,一动诸天陨,一念可化阴阳轮回,一念可镇压永恒万古! 我为太古第一神王,天骄至尊皆是我帝路上尸山血海! 我当以一双铁拳,粉碎诸天万界,天道也不行!当神话出现,失落的种族重新出现在这片大陆修行是一条茫茫无尽的道路,路上没有长生的喜悦,有的只是无尽的枯寂与落寞,三年前问心路上,学院问我,为何要修行,实际上我撒谎了,我只是想好好活下去,能像从前一样回到自己师父师娘身边,跟明月一起坐在清风山顶的大石头上看日出金安城接二连三发生诡异死亡案件,到底是恶灵作祟还是有人故布疑阵?几时梦回仙音,何来不续前弦 寒霜落下时,拥你入怀乡 一剑皓月仙穹,一指度日连天 天穹下:“我欲破天归来,何须苍穹来渡。” 一剑天玄,九剑破天只为成为世界第一驭灵使成为无敌之路,,, 南京沦陷后,日寇对30万中国军民展开灭绝人寰的大屠杀。渔家子弟罗小虎临危受命,保护国民党高官的女儿林菲儿撤往后方。他们在猎户兄妹的帮助下,屡次挫败日寇的尾追堵截;在共产党人的配合下,不仅阻止了日特对我战区最高长官的刺杀行动,还歼灭了混入我后方的日军特工队。 这些英雄儿女面对强大的日军特工部队,毫不退缩,与之斗智斗勇,展开了惊心动魄的暗战……千古一帝李玄烨在登基之日享受四方来贺之时惨遭妻子师父联合杀害,但竟意外转世重生,成为一废物皇子,但凭借君王的权谋与自身强大的力量再回巅峰,当其带兵直取二人狗头之时,得知其中秘辛,从此……【圣女+无敌+御兽】 重生后的叶天,发现自己竟然成了魔教圣女手中的傀儡教主。 不甘命运的他却意外觉醒无敌神威系统,从此翻身为王,开启牛哔的开挂人生。 穿越第一天,神功速成,统御万兽! 穿越第二天,横扫八荒,力压诸天! 穿越第三天,夜晚,圣女找上门……
重生:玻色子生命体 我的美食帝国 异世浮生绘 我用偏方吊打了医届大佬! 北陌天 蚂蚁的帝国 梦与现实碎一地 反派:十万年人生,让女主跪求原谅 地下玄界 猪样年华 重历战争年代 我不想出山啊 模拟器:开局斩尽满天神佛 关于我重生了却失忆这件事 济天: 黑白通常 炒股祥子 几个天下 天御族1统筹 闪耀瞬间 用公积金贷款30万15年 银行死期存单贷款 用车贷款还不上怎么办 银行信用贷款哪个划算 用公积金贷款30万15年 有贷款记录 已还清 用车贷款还不上怎么办 银行怎么能大额度贷款 有贷款车子能贷款吗 银行委托贷款风险处置 用车在建设银行贷款吗 用车在建设银行贷款吗 有地皮可以贷款吗 银行死期存单贷款 有房贷离婚能取公积金贷款 银行信用贷款哪个划算 用车抵押贷款安全吗 有贷款车子能贷款吗 用贷款挣钱怎么样 有交行信用卡可以贷款买车 银行死期存单贷款 有交行信用卡可以贷款买车 用贷款挣钱怎么样 银行信用卡贷款怎么贷 银行愿意做抵押贷款吗 有地皮可以贷款吗 用公积金贷款30万15年 银行现金贷款怎么办理 用贷款挣钱怎么样 有贷款车子能贷款吗 银行信用贷款哪个划算 银行十年贷款利率 以房抵押金融贷款利率 有房贷离婚能取公积金贷款 有贷款自己办房产证吗 银行申请抵押贷款利息 以房抵押金融贷款利率 用车贷款还不上怎么办 有地皮可以贷款吗 宜信贷款还款账号 银行申请抵押贷款利息 银行怎么能大额度贷款 有房产如何贷款利率 用车抵押贷款安全吗 银行业存贷款总额 银行十年贷款利率 用车在建设银行贷款吗 银行申请抵押贷款利息 有地皮可以贷款吗 银行无抵押贷款好贷吗 亚星官网 亚星官网 亚星官网 亚星游戏官网 亚星游戏官网 改变时空的神器 横推武道:从捡属性开始 我不做老千好多年 只为一个承诺 Sin罪篇 快连下载 亚星管理平台 亚星官网 欧博游戏官网 亚星管理平台 银行十年贷款利率 银行业存贷款总额 用存单可以贷款吗 银行十年贷款利率 银行怎么能大额度贷款 用存单短期抵押贷款 银行委托贷款风险处置 有交行信用卡可以贷款买车 银行无抵押贷款20万 有交行信用卡可以贷款买车 有贷款记录 已还清 宜信贷款还款账号 用车贷款还不上怎么办 银行信用贷款哪个划算 用车抵押贷款安全吗 有房贷离婚能取公积金贷款 用公积金贷款30万15年 用贷款挣钱怎么样 银行信用贷款哪个划算 用公积金贷款30万15年 有贷款自己办房产证吗 银行申请抵押贷款利息 有贷款自己办房产证吗 有贷款车子能贷款吗 有房产如何贷款利率 用车贷款还不上怎么办 银行愿意做抵押贷款吗 用车抵押贷款安全吗 有交行信用卡可以贷款买车 有定期存款贷款划算吗