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
h2贷款详细清单建设银行网上申请贷款小额贷款违约 让我交500高利贷款违法吗?宁波贷款中介公司h2贷款详细清单无抵押个人贷款是真的吗小额贷款违约 让我交500贷款20w一年还多少贷款到期当日邮政银行贷款转按小额贷款违约 让我交500购房贷款还款方式选择邮政银行贷款转按帮助企业贷款合法吗?贷款到期当日公积金贷款后断了公积金满一年才能贷款宁波贷款中介公司私人抵押贷款违法吗二手门面银行贷款有按揭费用吗公积金满一年才能贷款贷款20w一年还多少捷信500贷款处理完毕如何对付贷款公司催款国有土地到那里抵押贷款如何对付贷款公司催款捷信500贷款处理完毕私人抵押贷款违法吗购房贷款还款方式选择这个世界,是一个令人匪夷所思的世界,自打我记事起,爹娘就曾告诉我,三百多年前,不知何事所致,不知何人所为,世界上的所有人突然就再也不会死亡,每个人都拥有着永恒的寿命……五十年前人魔两族为了寻求和平选择谈判,但在谈判中人类失去了史上最强魔法师,魔族魔王陨落,战争再一次爆发。五十年后传说中能够创造和毁灭世界的魔法书出现在魔族大陆,恶魔族的少年和他的伙伴踏上了寻找魔法书,踏上了属于他们的旅程 主角:姜氏家族族长“姜冥夕”自幼资质超群谋识过人是个万里挑一的天才少年,可本应该在闭关的姜冥夕却发现自己身在神骸禁地中... 女主:一个异世界的外来者,应一场意外阴差阳错的来到了地灵大陆,生活了15年后在神骸禁地遇见了失忆的姜冥夕开启了一段奇妙的姻缘。 修为分段:聚灵境—小元灵境—元灵境—小元地境—元地境—小元天境—元天境—元灵天位—元地天位—元天位红哥是传奇游戏中的一头红野猪,因一次意外事件获得了传奇外挂一枚,原本只想升职加薪、当上业务主管、迎娶白野猪的他,从此打开了新世界的大门北方农村,早已干涸的堤坝之外 一条深深的沟壑底部 隐匿着一座地下荒村 村子的入口 有一面镜子末世+自然灾害+无系统+求生 气候突变,打破了世界原有的平静,冰川时代降临,幸存者挣扎求生。 面对未知的灾难和危险,一个个小人物组建到一块,共度危机,只为在这末世之下,走的更远一代“音乐天才”宋若寒,偶得系统,看不惯世间不公,一统蓝星,压诸天,镇四方你富可敌国?你权倾天下?在我面前都低调些。 我叫赵铁柱,普通小农民,可我既能救你的命,也能要了你的命。灵气复苏,天地巨变,世界晋升,万族争霸。 陆渊踏足万族战场,获得神级天赋【进化之眼】 一眼便可到武将的隐藏进化路线!  【花木兰+雷鸣刃+进化水晶+神隐斗篷,可进阶剑舞者】  【花木兰+司命+迷雾斗篷+暗影之心+碎星,可进阶传说之刃】 【花木兰+破军+不详征兆+龙鳞利剑+极影+燃愿玛瑙,可进阶瑞麟】 在万族还在辛苦为了一个武将而奋斗的时候,陆渊已经带着无数神将横推诸界! 不知哪个无良老祖立的狗屁祖训,要夺魁才能入世,老子是全能好不?上知天文,下晓地理,琴棋书画样样精通!要不是这几年,看不了师妹们楚楚可怜的目光。会老屈居第二?一尤其那几个老不死的,要不是以后可能成为本少的老丈人,就凭你们老笑我半吊子,不打得你们半身不遂,我配姓隆?!今年比的是武功和医术,看谁能与我争锋?今年我一定要下山,大师姐都下山六年了,要是我找到她,她牵几个小屁孩叫我舅舅,那我找谁哭去?
人在女尊:魔尊的小娇夫 神生意气 AngelDefend:夏末 真是个迷糊蛋 往事如离梦 中富帅找罪受 全民枪神:起源 你到底是谁哇? 星海之纪:机械帝皇 第三神途 怪物大师:新传说世纪 紫极神魔帝 地宇之站 创世纪之责任篇 万仙之上 龙影雪魅 大逍遥主宰 异界神说之圣职传奇 天涯剑圣 从史莱姆开始的异世界生活 无抵押贷款可靠吗 怀来县京西小额贷款有限公司 公积金贷款后断了 宁波贷款中介公司 无抵押贷款可靠吗 东明县汇通小额贷款 公积金贷款后断了 江西宜信贷款 国有土地到那里抵押贷款 如何用车子贷款 门面房购买贷款计算器 门面房购买贷款计算器 捷信贷款入口 怀来县京西小额贷款有限公司 h2贷款详细清单 宁波贷款中介公司 平安普惠贷款1万1年要还多少 国有土地到那里抵押贷款 贷款五菱宏光新车商务版多少钱 小额贷款违约 让我交500 怀来县京西小额贷款有限公司 小额贷款违约 让我交500 贷款五菱宏光新车商务版多少钱 公积金满一年才能贷款 贷款到期当日 捷信贷款入口 无抵押贷款可靠吗 建设银行网上申请贷款 贷款五菱宏光新车商务版多少钱 国有土地到那里抵押贷款 宁波贷款中介公司 贷款逾期后转让资产 高利贷款违法吗? h2贷款详细清单 捷信500贷款处理完毕 如何对付贷款公司催款 高利贷款违法吗? 公积金贷款后断了 捷信贷款入口 帮助企业贷款合法吗? 如何对付贷款公司催款 江西宜信贷款 平房抵押贷款合同范本 平安普惠贷款1万1年要还多少 邮政银行贷款转按 贷款逾期后转让资产 门面房购买贷款计算器 如何对付贷款公司催款 捷信贷款入口 周口银行贷款 亚星官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 追命八年伊始 艾芙海姆 屠魔傻儿 秦卒 仙女请指教 欧博官网 亚星管理平台 澳门葡京游戏官网 皇冠登3出租 亚星游戏官网 捷信500贷款处理完毕 国有土地到那里抵押贷款 贷款逾期后转让资产 捷信500贷款处理完毕 平房抵押贷款合同范本 公积金满一年才能贷款 平房抵押贷款合同范本 东明县汇通小额贷款 平房抵押贷款合同范本 公积金贷款后断了 江西宜信贷款 门面房购买贷款计算器 帮助企业贷款合法吗? 平房抵押贷款合同范本 高利贷款违法吗? 江西宜信贷款 宁波贷款中介公司 高利贷款违法吗? 国有土地到那里抵押贷款 如何对付贷款公司催款 邮政银行贷款转按 周口银行贷款 贷款逾期后转让资产 宁波贷款中介公司 贷款到期当日 捷信贷款入口 平房抵押贷款合同范本 私人抵押贷款违法吗 如何用车子贷款 怀来县京西小额贷款有限公司