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
想你很久了歌词过往只是一场虚空的歌词歌词含爱的禁果乡愁歌词歌曲刘紫玲歌词 故乡想你很久了歌词我的梦就是你的梦歌词歌词含爱的禁果歌词 但愿我会相知的美好歌词歌词竟练成那绝世绝技绝招想你很久了歌词我们就是黄河泰山 歌词歌词竟练成那绝世绝技绝招歌词含爱的禁果相知的美好歌词歌词 在耳边 是什么歌曲歌词 故乡歌词 故乡if you 王胖子 歌词那一年我们望着星空歌词歌词 亲爱的 在一起歌词我是牛情沼歌词是什么意思歌里有一句歌词是我们不一样种下情谊的印记歌词乡愁歌词歌曲刘紫玲海之南我的爱歌词简谱if you 王胖子 歌词歌词:雪山姑娘苏州飞马堡无故被神秘组织所灭,马行空家破人亡,暗中调查找到幕后黑手青风堂,但却意外牵扯出三十年前武林一段风波,孰是孰非,如何决断?  月球坠落直击亚欧大陆后数千年,又称混沌年代,地球位于海平面以上之地仅为安第斯山脉一带。核辐射遍布陆地及海洋,气候恶劣,幸存之人生活得并不容易。   来到现代,海平面下降,大量陆地重见天日,但伴随着新陆地出现,还有月球人也来到安第斯山脉。   有人就会有争斗。本作品主要描写该时代两名贵族青年之间之感情以及地球人与月球人之间阵营的文化冲突,乃至战争。 李昱穿越十年,用仅记得的十几首歌送给妻子。   没想到就此捧红,一飞冲天成为天后。   李昱也成为天后背后的男人。   可是当他出不了歌,妻子事业正当红时突然提出离婚,并表示事业比他更重要。   也在这时触发神级人气系统。   李昱表示,不装了,摊牌了。   我是天王巨星!宋末,蒙、金、宋战乱不断,南宋李庭芝、李继先、张世杰三位从小长大的兄弟,一起读书、练武,心怀大志,有勇有谋,共同投身于保家卫国的行列,李继先先后结识了诸如余玠、杨亮节、李芾、王坚、文天祥和陆秀夫等名臣名将,又结识了诸如慧通、玉虚三仙、桃源四剑、潇湘剑客、剑南六洞仙等江湖豪杰,他们虽然出身不同,性情和志向各异,但最终都聚合到了抗敌保国的队伍中,他们忠心于国,侠义冲天,文武超群,在政治与江湖间穿梭,同奸臣、叛徒、敌军、仇人不断对战,最后随着南宋的一路失败和灭亡而纷纷牺牲,余留之人最后看到元朝新生气象后,感到天下一统是民心所向,便顺应大势,退隐山野。陈晓穿越大唐贞观初年,继承了家中位于长安东市的酒楼。 哪知那唐皇李世民化名李二哥,成了酒楼的常客。 推杯换盏之余,李世民的问题也越来越奇怪: “陈掌柜,突厥屡屡南下劫掠,可有一劳永逸的办法?” “陈掌柜,蝗灾荼毒天下,朝廷应当如何应对?” “陈掌柜,天下之大,我大唐铁骑如何能雄霸天下?” 陈晓有些头疼,我就一开饭馆的,你总问我这干啥? 关键是,大唐铁骑怎么还真雄霸天下了?王晓与王明意外下触发了传承血脉洗淬一瞬突破,又在种种机缘之下得到了父母的信息,踏上仙踏,为亲人报仇。穿越后的钟文被一个小萝莉捡回了只有女弟子的飘花宫; 这个世界最顶尖的功法、灵技、知识统统来自上古; 于是,研究看不懂的上古文字,成了时代的潮流、身份地位的象征; 偶然的一次机会,翻开一本由上古神文写成的书; 他惊讶地发现...... 不会种田的乡村少年牛小田,误打误撞拜师老神仙,看相风水医术道法无所不能,从此人生开挂。轮回尽头的太宇古尸,太古尽头的无上存在,没有人能知道这世间的一切到底存在了多久,也没有人知道在无尽遥远的时光前究竟有多么强大的存在,这世间的一切都是个迷。这世间的一切究竟为何而生,这世间的一切存在到底有何意义?不,或许世间的一切本无任何意义…… 碧波荡漾的归墟海,一万多座如珍珠般的岛屿,大的纵横数千里宽,小的只有几里宽,点缀在广阔的归墟海域,称之为归墟群岛……
织网者,复仇 峰峰的奇妙冒险 凡人轶事录 世界的面人旅行者 天矶 六子传奇 三生石上的那株花 全民领主:我能无限强化 武校的生活 异界元素 争霸 宇宙的星纪元 太古源流 废材少年的一生 网游:一把锄头行天下 修仙,我有系统 诸天万界:从射雕开始 十方境灭 我的世界之旅程 人世间之正道之光 玄幻:一界之尊 符仙传人在都师 过往只是一场虚空的歌词 相知的美好歌词 歌词 在耳边 是什么歌曲 歌词 故乡 过往只是一场虚空的歌词 忘记我自己 hana 歌词 冷雨夜歌词简谱 最重要的决定每句歌词时间 忘记我自己 hana 歌词 我们就是黄河泰山 歌词 歌词我是牛 歌词我是牛 情沼歌词是什么意思 相知的美好歌词 想你很久了歌词 歌里有一句歌词是我们不一样 歌词骗自己不再受委屈 种下情谊的印记歌词 亲时期的力量歌词 想你很久了歌词 心语心愿歌词打印 歌词含爱的禁果 亲时期的力量歌词 歌词 亲爱的 在一起 最重要的决定每句歌词时间 坦白从宽抗拒就从严的歌词 种下情谊的印记歌词 亲时期的力量歌词 那一年我们望着星空歌词 种下情谊的印记歌词 歌词 故乡 心语心愿歌词打印 乡愁歌词歌曲刘紫玲 想你很久了歌词 情沼歌词是什么意思 歌里有一句歌词是我们不一样 爱尽千帆歌词意义 冷雨夜歌词简谱 情沼歌词是什么意思 爱尽千帆歌词意义 歌里有一句歌词是我们不一样 儿童歌曲石头剪刀布歌词 if you 王胖子 歌词 歌词骗自己不再受委屈 歌词竟练成那绝世绝技绝招 心语心愿歌词打印 歌词我是牛 歌里有一句歌词是我们不一样 坦白从宽抗拒就从严的歌词 我的梦就是你的梦歌词 亚星游戏官网 亚星官网 亚星官网 亚星官网 亚星官网 剑破苍穹斗诸仙 剑龙江南义 缘修记 狗磊的异世界生活 当代守夜人 亚星官网 欧博游戏官网 欧博官网 亚星官网 AG真人 歌词我是牛 冷雨夜歌词简谱 想你很久了歌词 歌词我是牛 亲时期的力量歌词 if you 王胖子 歌词 亲时期的力量歌词 歌词 但愿我会 种下情谊的印记歌词 儿童歌曲石头剪刀布歌词 歌词 故乡 我们就是黄河泰山 歌词 情沼歌词是什么意思 种下情谊的印记歌词 坦白从宽抗拒就从严的歌词 歌词 故乡 流星中岛美嘉 歌词 坦白从宽抗拒就从严的歌词 歌词我是牛 if you 王胖子 歌词 歌词含爱的禁果 相知的美好歌词 爱尽千帆歌词意义 流星中岛美嘉 歌词 歌里有一句歌词是我们不一样 亲时期的力量歌词 种下情谊的印记歌词 过往只是一场虚空的歌词 歌词 亲爱的 在一起 乡愁歌词歌曲刘紫玲