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
邮政信用卡普卡换金卡信用卡欠款被起诉收到律师函需要回复吗?邮政信用卡分期还款还了没额度信用卡欠款会不会被刑拘信用卡卡函损坏收到信用卡律师函怎么办信用卡收到律师函怎么办欠平安银行信用卡5000兴业信用卡不给协商怎么办信用卡欠款有被抓的吗?信用卡逾期起诉流程欠平安银行信用卡5000信用卡欠款案例信用卡逾期起诉流程欠平安银行信用卡5000信用卡欠款有被抓的吗?信用卡欠款被起诉收到律师函需要回复吗?中信信用卡半年没还中信信用卡逾期多久会被起诉信用卡卡函损坏广发信用卡中心网站中信信用卡半年没还兴业信用卡不给协商怎么办信用卡欠款会不会被刑拘公积金贷款和信用卡欠款有关吗邮政信用卡普卡换金卡公积金贷款和信用卡欠款有关吗买车用信用卡分期信用卡卡函损坏信用卡利滚利案件本是千万富翁,却遭遇破产危机,结婚六年的妻子还送给我一顶大大的绿帽。 人生低谷,却无意间结识美女总裁。 为还自己清白,我重振昔日辉煌,不仅要手刃仇人,我还要让那些瞧不起我的人跪下来叫我爸爸。 人性是善是恶,争论千年无休止。 而我的故事就要从人性上开始说起…《从秀才到高僧》是部古代小说,叙事了一位纨绔少爷,在名师的教导下,喜欢观景吟诗。后受到朝政牵连,被逼出家做了和尚,成为名誉一方的世外高僧。鲛人无意中看到唐敖一行,见他们一个个风度翩翩、举止不凡,心中好生羡慕;又听说唐朝是个繁华富庶之所,心向往之,于是一段艰辛的奇幻之旅便开始了。地球停转,末日来袭。 灾难接踵而来,人类为了生存终于是暴露出潜藏在内心的阴暗。 欺骗,背叛让人与人之间最后的一层遮羞布被饥饿、求生欲狠狠的撕下。 别人为了一块面包,可以出卖尊严。 而我,坐拥一块地,守护着自己爱的人和爱我的人! …… 风云起变,万物乔迁。所谓和平,不过是用战争与鲜血换回来的。没有永恒的宁静,也没有永恒的存在。一生只为一个自由而战斗!战歌与鲜血,是历史发展的唯一途径。为何而战?为谁而战?或许最终的答案是尊严与荣耀。自从踏上那一条路,就不要回头,直到登上巅峰!不知从何而来的恐怖巨怪出现在这个世界里,城池接连被摧毁,无数人丧命于巨怪的侵袭之下。 源作为一个来自异界的人类,本以为自己在这个世界的灾难中只会作为一名旁观者,然而事情发展到最后,他才悚然发现:这场灾难的起因很大一部分原因就是自己造成的。 “被接连摧毁的城池、无数惨死的人类,甚至其他世界受到的毁灭性灾难,都是因我而起吗?”源目瞪口呆地想到。 自此,他成为了没有终点的异界旅客,穿梭于各个世界中阻止灾难继续蔓延。看着父亲被舅爷追打,头破血流,还不能顶嘴,目睹母亲含辛茹苦,为一大家操心劳累,叔叔、姑姑不仅不领情,还故意刁难,超华幼小的心灵,烙下深深的记忆。 他发誓,苦读寒书,通过高考获取功名,立志改变命运,出人头地,让欺负父亲的舅爷们汗颜,让不尊敬的叔叔、姑姑们忏悔。 然而,想法要变成现实,总不是一番风顺,他经历过大学苦难的历程,被卷入了企业复杂人际关系漩涡------ 在企业他在国企破产后,为了生活,被迫四处漂泊,历经沧桑,在险恶的职场,顽强拼杀,终于有了自己的一席之地。 沐辰高考落榜,受校花羞辱猝死网吧,重生九龙大陆亡国太子沐辰身上,在情急之下,修炼了“龟阴功”,成为一名天女国假太监。 为了不暴露自己假太监身份,他步步为营,将两世才华进展,赢得女帝和七位公主欢心。加官进爵,成为女帝个七位公主身边最风流的太监。也成就了九龙大陆巅峰人物,一统天下诸国以及各大门派。 坠崖盲童,竟然获得光明。全新身躯,天妖血脉。于这修仙界,快意恩仇。。
十亿年生人生 封坛惊鸿 一路红尘一路情 晦暗师途 请问你还在线吗? 莲仇记 龙珠:开局加入聊天群 从疯人院副本走出来的戏精 仙侠:从菜鸟变成强者 崇祯让位吧 世侍弑尸史 超神御兽师 玄生传 三世渡 四等人的逆袭 天启临凡 废材幽灵降临在我身边 不对啊?明明没有这条街 护仙 家父唐高祖 信用卡报警函 浦发银行黑卡信用卡 信用卡背面签名条 信用卡卡函损坏 信用卡报警函 信用卡欠款相关新闻 信用卡背面签名条 公积金贷款和信用卡欠款有关吗 信用卡复利息可以不还吗? 中信信用卡逾期多久会被起诉 信用卡缴款函 信用卡缴款函 广发信用卡中心网站 浦发银行黑卡信用卡 邮政信用卡普卡换金卡 信用卡卡函损坏 信用卡欠款有被抓的吗? 信用卡报警函 信用卡收到律师函怎么办 邮政信用卡分期还款还了没额度 浦发银行黑卡信用卡 邮政信用卡分期还款还了没额度 信用卡收到律师函怎么办 平安银行信用卡催收流程 信用卡空套10万后果严重 广发信用卡中心网站 信用卡报警函 信用卡欠款被起诉收到律师函需要回复吗? 信用卡收到律师函怎么办 信用卡复利息可以不还吗? 信用卡卡函损坏 欠平安银行信用卡5000 信用卡欠款会不会被刑拘 邮政信用卡普卡换金卡 兴业信用卡不给协商怎么办 信用卡催款人发的律师函是真的吗 信用卡欠款会不会被刑拘 信用卡背面签名条 兴业信用卡不给协商怎么办 买车用信用卡分期 信用卡催款人发的律师函是真的吗 公积金贷款和信用卡欠款有关吗 信用卡欠款4000会怎么样? 信用卡欠款有被抓的吗? 收到信用卡律师函怎么办 欠平安银行信用卡5000 信用卡缴款函 信用卡催款人发的律师函是真的吗 广发信用卡中心网站 信用卡未还发律师函怎么办 亚星官网 亚星官网 亚星官网 亚星官网 亚星游戏官网 熬死所有人,我终于无敌了 御天剑仙 他朝若是同淋雪 造魔之路 莫入红尘 AG真人 亚星管理平台 亚星游戏官网 AG真人 百家乐官网 信用卡复利息可以不还吗? 信用卡欠款4000会怎么样? 信用卡空套10万后果严重 信用卡背面签名条 企业法人申领信用卡2万 中信信用卡逾期多久会被起诉 信用卡欠款会不会被刑拘 信用卡缴款函 浦发银行黑卡信用卡 信用卡欠款相关新闻 信用卡欠款相关新闻 中信信用卡逾期多久会被起诉 中信信用卡逾期多久会被起诉 欠平安银行信用卡5000 信用卡欠款有被抓的吗? 中信信用卡半年没还 信用卡复利息可以不还吗? 信用卡收到律师函怎么办 邮政信用卡分期还款还了没额度 信用卡未还发律师函怎么办 广发信用卡中心网站 信用卡欠款会不会被刑拘 信用卡复利息可以不还吗? 浦发银行黑卡信用卡 邮政信用卡普卡换金卡 信用卡复利息可以不还吗? 信用卡背面签名条 公积金贷款和信用卡欠款有关吗 中信信用卡逾期多久会被起诉 收到信用卡律师函怎么办