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
交通银行微信办信用卡额度是多少交行 工资卡 信用卡额度多少交通银行微信办信用卡额度是多少钱交通银行信用卡 公积金贷款计算器交通银行信用卡积分如何使用方法交通银行微信办信用卡额度是多少交通银行信用卡银联金卡和visa金卡额度交通银行微信办信用卡额度是多少钱交通信用卡好嘛交通银行信用卡银联金卡额度交通银行信用卡取现300交通银行微信办信用卡额度是多少交通银行信用卡银联金卡和visa金卡交通银行信用卡取现300交通银行微信办信用卡额度是多少钱交通银行信用卡银联金卡交通银行信用卡怎么积分交通银行信用卡积分如何使用方法交通银行信用卡积分如何使用方法交行环球信用卡 免年费吗交通银行卡申请信用卡额度交通银行信用卡积分如何使用吗交通信用卡好嘛交行信用卡余额短信查询余额交通银行信用卡积分如何使用交行 工资卡 信用卡额度多少钱交通银行信用卡 公积金贷款计算器交行信用卡异地取现交行环球信用卡 免年费吗交通银行信用卡银联金卡和visa金卡的区别生来平凡却人人把我当异类,立志要强可人人都来泼冷水,想去忘记但人人都把旧事提。谁说神师是虚妄,谁说凝魂太飘渺,谁说武道多夭折,谁说术法难登天。修仙哪有什么捷径,道途从来都不平坦,天理昭昭造化弄人。就偏不信这个邪与天争命,非得把那条路给走出来,届时强者已成黄土英雄化为传说,站在这世界之巅与你携手冲出这六界轮回藩篱。 跳出安乐于祥和的世外桃源,拜别柔情似水的神仙眷侣,放下翻云覆雨的通天权柄。纵然是资质平庸无奇,纵然是道路荆棘丛生,纵然是前途飘渺莫测,直指天心不得大道誓不罢休。看田道清如何纵横捭阖于明争暗斗的轮回旋涡,又是如何一步一步证道明悟。他,长生王者,为了却心愿,乘兴而归,甘愿伴她左右,护她周全。 为她,逆了天下,只为一言之诺,蓦然回首,踏血而歌! 为她,亡了诸国,只为一怒红颜,腥风血雨,血染皇城!天地不仁,以万物为刍狗;帝王封建,以百姓为刍狗…… 在人类历史伟大的祭坛之上,满是殉难者了无生气的空壳;生命之火早已弃之而去,短暂的辉煌之后便是永久的沉寂…… 这,就是刍狗的宿命,千百年来从未改变…… 如果有一股不知名的力量萃聚进而复活所有星星点点的余烬,那么这份光芒可否感染幽暗无垠的苍穹…… 于是,这一刻终于到来了……幽魂怨鬼频频出现,这是意味着什么吗?世间即将大乱吗? 在阴穴里滋养数十年的厉鬼,我该怎么去应付? 被饿鬼蚕食的人类,我该怎么去拯救? 从地狱里冲出的鬼潮,我又该如何面对… 隐藏在世间的妖魔,我又该如何分辨… 埋在地里的千年僵尸,我又该如何消灭… 面对冤魂厉鬼我也很害怕,稍不留神就会要了我的命! 古往今来,世间流传仙、神的传说,而时至今日,仙路缈缈,已然进入末法时代。 天空中,有人矗立,乌云压顶、身处雷电中心;海面上,有人漫步而来,由远及近,片刻却又消失不见,这些是海市蜃楼产生的幻觉? 有传言,海市蜃楼是连接另一时空的桥梁,聚现另一个世界正在发生的景象! 神话故事是否虚构,仙、神,真的存在过吗?“好不容易穿越一次,你却让我输得这么彻底,焯。” 林晨骂骂咧咧的端着眼前的黑糊糊一口闷了下去。 “赶紧林小子,喝完这碗还有一堆没喝呢。” 老头咧咧嘴催促着,丝毫不在意林晨的怪异。面对死灵族,封印着怪兽八梼的佣兵,最后能否成为拯救世界的力量?神秘的空间系元素亲和力,诡异的星辰剑,亚夏人的先祖吴道轩视乎留下了什么秘密……五代十国,乱世风云,后周显德年间,佛劫降世,佛门高僧入世消劫,引发了诸多江湖儿女的家国情仇,为天下太平演绎岀荡气回肠的传奇故事……   寂寂夜空孤月寒,十七年离别茫茫。一念执真,南风绿依,盛颜银发证衷肠。   最是有情“负情蛊”,三年生离道心初。剑啸弦荡,逍遥慕云,一念倾情一生终。   啸引苍波,漫卷山河,心志难酬朱颜改。孤情骄阳,若玉独镜,小楼空照人何在?   日月无改江山裂,金戈铁马雁泣血。渊鱼更龙,世宗执戟,风起云涌荡山岳……   一缕清风,人间太平吹拂……末日来袭,地球上的植物与水源全部枯竭衰败。 世界陷入恐慌,秩序与人性崩碎。 食物与生存,再次成为新世纪之后人们最关心的话题。 米面成为奢侈品,唯有富豪才能享用,菜蔬更是身价暴涨万倍,有价无市! 然而就在此时,有人捡到了一部手机,偶然打开之后,手机内的视频令世界震惊。 甘甜的菜蔬滚入火锅之中,散发着诱人的绿色! 烤的金黄的羊腿滋滋冒油,沾上芝麻般的孜然! 鲜美的鱼汤炖的宛若牛奶一般纯白,撒上翠绿的葱花! 饭桌旁,一名粉雕玉琢的小女孩咬掉半颗草莓,哀求道:哥,我真的吃不下了!! 其实没什么简介,冲就完事,奥力给干了兄弟们!
我掌控了因果 大清末年 妖族大兴当在此时 流浪的打工者 奇妙的异世界传说 都市古神医 云州雀 沧御 潘龙玉佩 拔刀问苍天 疯王游戏:开局三枚令信 这个师爷想退休 他不想做救世主 太古第一神王 都市守夜者 请,停止进化 再去西游 万界逆旅 绑定系统,然后它溜了 暗夜赞歌 交行 工资卡 信用卡额度多少钱 交通银行信用卡银联金卡 交通银行信用卡怎么积分的 交通银行信用卡积分如何使用方法 交行 工资卡 信用卡额度多少 交行信用卡异地取现 交通银行信用卡怎么积分的 交通银行信用卡银联金卡额度是多少 交行信用卡积分如何使用吗 交通银行信用卡银联金卡和visa金卡 交通信用卡单笔金额 交通信用卡单笔金额 交行信用卡余额短信查询余额 交通银行信用卡银联金卡 交通银行微信办信用卡额度是多少 交通银行信用卡积分如何使用 交通银行信用卡怎么积分兑换 交行 工资卡 信用卡额度多少钱 交通银行卡申请信用卡吗 交通银行微信办信用卡额度是多少钱 交通银行信用卡息高吗 交通银行微信办信用卡额度是多少钱 交通银行卡申请信用卡吗 交通银行信用卡积分如何使用吗 交通银行信用卡银联金卡额度 交行直销推荐信用卡 交行 工资卡 信用卡额度多少钱 交通银行卡申请信用卡吗 交通银行卡申请信用卡吗 交行信用卡积分如何使用吗 交通银行信用卡积分如何使用方法 交通银行信用卡息高吗 交通银行信用卡 公积金贷款计算器 交通银行微信办信用卡额度是多少 交行信用卡余额短信查询余额 交通银行信用卡积分如何使用 交通银行信用卡 公积金贷款计算器 交通银行信用卡怎么积分的 交行信用卡余额短信查询余额 交通银行新信用卡额度是多少钱 交通银行信用卡积分如何使用 交通银行信用卡银联金卡额度是多少 交行环球信用卡 免年费吗 交通银行信用卡怎么积分兑换 交通银行信用卡取现300 交通银行信用卡息高吗 交通信用卡单笔金额 交通银行信用卡积分如何使用 交行直销推荐信用卡 交通银行信用卡怎么积分 亚星官网 亚星游戏官网 亚星游戏官网 亚星官网 亚星官网 乱世虎将 垝垣 暗界进化 只有我能用召唤术 王之起点 亚星管理平台 澳门葡京官网 葡京官网 亚星管理平台 万利官网 交通银行信用卡银联金卡额度是多少 交通银行信用卡银联金卡额度是多少 交通银行信用卡积分如何使用 交通银行微信办信用卡额度是多少钱 交通银行信用卡银联金卡和visa金卡额度 交行 工资卡 信用卡额度多少钱 交行信用卡余额短信查询余额 交行信用卡积分如何使用吗 交通银行信用卡怎么积分兑换 交通银行信用卡积分如何使用方法 交通银行信用卡银联金卡 交通银行信用卡怎么积分兑换 交通信用卡好嘛 交通银行信用卡怎么积分兑换 交通银行微信办信用卡额度是多少钱 交通银行信用卡银联金卡额度是多少 交通银行信用卡银联金卡和visa金卡额度 交通银行信用卡银联金卡和visa金卡的区别 交通银行信用卡积分如何使用吗 交通银行信用卡积分如何使用 交通银行信用卡怎么积分的 交行信用卡异地取现 交行环球信用卡 免年费吗 交行直销推荐信用卡 交通信用卡好嘛 交通银行信用卡取现300 交通银行信用卡银联金卡额度是多少 交通银行卡申请信用卡额度 交通银行卡申请信用卡吗 交通信用卡好嘛