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
有哪个贷款还款周期有行驶证贷款逾期 按揭贷款逾期6次能公积金贷款吗逾期贷款计息问题有哪个贷款还款周期有网络贷款影响房贷吗逾期 按揭贷款有房子黑名单贷款吗有没有手机贷款没还的逾期还能不能贷款买房子逾期 按揭贷款有征信就能下的贷款吗逾期还能不能贷款买房子逾期5次能贷款买房吗有没有手机贷款没还的有房贷的房子贷款买车吗逾期还能不能贷款买房逾期还能不能贷款买房有没有个人替办贷款有没有专门办贷款的逾期还能不能贷款买房有房子黑名单贷款吗有没有代还手机贷款逾期贷款计息问题有宽限期的银行贷款逾期贷款催收建议有没有代还手机贷款有没有个人替办贷款有征信就能下的贷款吗网球的世界,形形色色的人, 因为网王,我爱上了网球。 若是有可能,你会成为网王里的谁向俊重生成了条江中的蛟龙,偷听仙人讲道,系统进化了。 生活在危机四伏世界中的他,进化系统傍身。 通过吸收能量源,刻录法术,他修炼的同时在进化的道路上越走越远。 核能红莲龙,原子吐息,回路鳞片。 他是环绕世界之龙,龙中哥斯拉,修仙界的氪星龙。无敌于世,谁主沉浮,看风华少年,都市纵横。这是一个肉身横推一切的故事。 大业皇朝,黑暗降临,处处充满邪灵鬼怪,杀人无形。 面对妖异邪祟,普通人只能瑟瑟发抖,蜷缩角落,静待生命走到尽头。 江道穿越而来,携带武学修改系统,任何武学只要被他看一眼,就可以无限修改。 疯魔棍法、鹰爪铁布衫、毒砂掌、暴猿神功…统统修改到一千年后的境界。 面对妖异邪祟,江道身躯魁梧,浑身肌肉,目光如电,随手抓碎一只入侵的邪灵,语气低沉,万分恐怖。 “邪灵?谁说武学杀不死邪灵?” 朱庭隆穿越成为一个衙内, 但还来不及高兴就发现老爹下狱家产抄没 …… 后来的他成了四大世族的座上宾,公主的好友。他封王拜相,收服四海。 可他原本只觉得躺平,舒舒服服做个衙内才是最香的啊…… PS:谢谢各位支持永远未满十八岁的我,爸爸妈妈群:466617530十年前,外神侵犯,天庭众神齐力反击,大战后,天庭众神陷入轮回。 今天阎王的转世竟丢失记忆成凡人,之后地府竟成为了他的系统,带他重回巅峰秦天明穿越小说世界,成为小说中一个戏份不多的反派。 系统:只要宿主你完美杀青,就能够带着本系统回到你原本的世界当龙傲天。 秦天明:简单,演反派我最在行了! 结果女主不按剧本来,开始疯狂倒贴。 秦天明:能别倒贴了吗?我只想杀青啊!男主呢?你怎么还抑郁了?!乱世将起,万道争锋。身踏仙途,众生臣服!大灾难后的世界,无法解释的现象,灵异?鬼魂?是复苏重现还是生物诞生。 随着另一个世界的灭打开,由鬼到神,那些旧时代所埋没的一个个的出现;鬼门关、地府、南天门、天庭之上大罗天,一切都在证明这个世界的神灵遭到了某种毁灭的打击,一本伴随着命运的书出现,着一切的指向都在这个世界五十年的崩坏!破损神国,收录神明,这由书所告知的信息到就是表面那样,还是另有所图。这个世界是个以灵气修炼为主的世界。唐一吟一个因家族内先天性遗传病血脉不融,在前进的道路上充满着许多坎坷…… 未来,血脉不融……亲人亡故……唐一吟以一己之力,力战上古时代的敌人,最终突破位面的禁锢,成为一代传说……
十剑斩轮回 最是那片青春记忆 全民创世:我打造怪谈世界 诸天降临:我以一剑斩神明 西游之开局拒绝大闹天宫 大唐之何方道友在此渡劫 永恒浩瀚 朋友请自重 异界之魔神大陆 揭开一角的世界 只为再见你一次 亲历者 豫品书生南行记 僵君 六合策 无道之地 雪史功业 我的傻丫头,偷听我的心声 诡异世界,我的呱呱军团 樱花谍 有鱼贷款app叫什么 逾期两个1可以贷款吗 有房贷的房子贷款买车吗 逾期贷款计息问题 有鱼贷款app叫什么 有没有代办贷款的 有房贷的房子贷款买车吗 有征信记录几年能贷款 有宽限期的银行贷款 有征信记录几年能贷款买房 有房子黑名单贷款吗 有房子黑名单贷款 有没有贷款12个月 逾期两个1可以贷款吗 有哪个贷款还款周期 逾期贷款计息问题 有房贷的能贷款买车吗 有宽限期的银行贷款 有没有容易审核下款的贷款app 逾期 按揭贷款 逾期两个1可以贷款吗 逾期5次能贷款买房吗 有行驶证贷款 逾期还能不能贷款买房子 有没有手机贷款没还的 有没有贷款12个月 有宽限期的银行贷款 有行驶证贷款 有没有容易审核下款的贷款app 有宽限期的银行贷款 逾期贷款计息问题 逾期两个1可以贷款 逾期6次能公积金贷款吗 有哪个贷款还款周期 有没有代还手机贷款 逾期贷款计息问题 逾期6次能公积金贷款吗 有房贷的房子贷款买车吗 有没有贷款12个月 逾期5次能贷款买房吗 逾期贷款催收建议 有征信记录几年能贷款买房 有没有给白户办贷款的 有房贷的能贷款买车吗 逾期还能不能贷款买房子 逾期两个1可以贷款吗 有房子黑名单贷款 逾期贷款催收建议 有没有贷款12个月 有网络贷款影响房贷吗 亚星官网 亚星游戏官网 亚星游戏官网 亚星官网 亚星官网 末日乱世求生 萧木之零神领域 乱世僧 修仙归来,未婚妻已嫁人 妖孽小书生 亚星游戏官网 万利游戏官网 万利官网 亚星游戏官网 澳门葡京官网 有没有个人替办贷款 逾期6次能公积金贷款吗 有商城的贷款的 有房子黑名单贷款吗 逾期 按揭贷款 有房贷的房子贷款买车吗 逾期还能不能贷款买房 有没有容易审核下款的贷款app 有征信记录几年能贷款买房 有没有个人替办贷款 有没有个人替办贷款 有网络贷款影响房贷吗 有房贷的房子贷款买车吗 有征信记录几年能贷款 有没有容易审核下款的贷款app 有房贷的能贷款买车吗 有没有贷款12个月 有宽限期的银行贷款 逾期贷款计息问题 有房子黑名单贷款吗 有哪个贷款还款周期 逾期还能不能贷款买房子 有没有贷款12个月 有征信记录几年能贷款买房 逾期贷款催收建议 有没有个人替办贷款 有没有专门办贷款的 有商城的贷款的 有网络贷款影响房贷吗 有没有手机贷款没还的