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
贵阳到盐城的汽车票价格扬州到盐城汽车时刻表查询系统五原到临河汽车夹江兴华汽车客运中心大丰 扬州 汽车贵阳到盐城的汽车票价格黔江到两河汽车五原到临河汽车淮南到合肥泉山汽车南通如皋到常州汽车时刻表吴江同里到松江的汽车站时刻表贵阳到盐城的汽车票价格椒江到海宁的汽车时刻表吴江同里到松江的汽车站时刻表五原到临河汽车南通如皋到常州汽车时刻表宜春汽车东站坐几路车拉萨成都汽车拉萨成都汽车方城到韩城的汽车站禹城哪里里汽车站拉萨成都汽车重庆到东莞汽车时刻表从青岛到费县的汽车大丰 扬州 汽车淡水有哪个汽车站的车票夹江兴华汽车客运中心莱阳到龙口最早汽车站漯河到许昌汽车票椒江到海宁的汽车时刻表你富可敌国?你权倾天下?在我面前都低调些。 我叫赵铁柱,普通小农民,可我既能救你的命,也能要了你的命。废柴穿越异世界,在这鬼怪丛生的地方,他该如何生存下去?欢迎来到第一年级! 这个学院会有许多不一样地方。例如拥有一只可以帮助战斗的精灵、”期末考试“是战斗排位赛等等。 这个学院也会有许多相同的地方。都有老师,打破了学校的东西都要赔偿,考试都会不及格等等。 那么现在,请收拾好心情。迎接新学期的开始吧!魔尊李长风逃婚来到了人界,因贪恋人间美食被卷入一段段因果。 天魁元1840年,一片繁华的人类社会,遭受到了前所未有的外来文明的侵占。世界各地的人类都被变异者袭击,人们都称他们为“毁魁人”。更为之胆颤心惊的,是这些毁魁人有着比人类还要高级的智慧。毁魁人占领了地球,人类文明危在旦夕......黑主学院,仿佛一切都还是那平静,可实际上危机已经来临……元老院……难道真的就不复存在了吗?血月下,那看似普通的少女却已经在谋划复仇的计划……“这是哪?我不是在家么?刚才好像地震了,我好像被压死了……那我就好好再活一世吧!”叶岚想着,时间已经过去了许久。 “首先可以排除这里是仙侠世界,因为按照常规的话,仙侠小说一般都是古代!也不是末世,所以说……难不成是奥特世界么?但是我还是需要再想一想才好!”叶岚可是博士生,思考能力可不弱! “那我最近去一趟商场吧!那里应该有新闻!” 第二天…… “因帕克危机?难不成……捷德?那我肯定在奥特世界了!不然不可能没人管贝利亚!” “诶!兄弟!还什么因帕克危机,贝利亚,肯定是假的!这图片肯定是伪造的,对吧?”一个男子碰了碰他,笑着说。 “我觉得很有可能是真的!”叶岚边想边说。 (叶岚内心:我?不是碍于颜面就说这里有奥特曼了!) “诶?为什么?”那个男子问他到 “因帕克危机是由于一颗导弹而发生的!从图片里仔细观察就能看出!只要有怪兽,就一定会有奥特曼的!这是以前的事情,但是隔了几年了,可能也会出现怪兽了!”叶岚朝他道。 罗修在一场梦中获得了一枚神奇的戒指,戒指中藏着一个魔,噬魂者,自此以后,罗修得噬魂者的帮助,连同雷羽川,和绿色幽灵等各种邪恶的组织进行了一连串的较量重生在了天道即将崩溃,鸿钧三清远走寻到,天地王母受援以进,现代科技飞速发展,对于修行却是半开放的世界,江屹煊被选为了复苏天道的棋子。 对于这些,江屹煊有话说:“我只想把仙丹当糖豆,把八九玄功当炼体术,让亲人无病无灾。用真火来炒菜,用灵泉当家庭饮用水,让石材释放出它最美味的口感。对于复苏天道什么的,谁爱作谁作,我没兴趣!”一个拥有着人、鬼、妖、仙的世界,在城市中少数能看到妖和鬼的人一部分可以和他们签订契约,成为和他们一起战斗的御灵师。由于分歧,他们形成了两大阵营,为了自己的理念而战斗。主角林墨和他的伙伴也会在战斗中相互成长,也在这个城市中过平常而温馨的生活……
我是一把剑 命运黑书 无道之地 青醒天下 神王太古 穿越回三国:一统天下 木牌传说 凡人飞升诀 重生之后变修狗 穿越明朝假太监 修士无双 江山弈 全球复苏:第二代人皇 破天机系列之海妖抚仙山 秦明法神 断之界 超时空都市31号:征服世界 虚无剑宗 术门大劫:不灭雷霆 全球映射:开局斩杀地狱战神 铜陵到广州汽车多少钱 乐清到丽水汽车票 宜春汽车东站坐几路车 拉萨成都汽车 铜陵到广州汽车多少钱 古交到太谷汽车时刻表 五华至广州省汽车站 临平南站到无锡的汽车站时刻表 淡水有哪个汽车站的车票 椒江到海宁的汽车时刻表 重庆到东莞汽车时刻表 重庆到东莞汽车时刻表 从青岛到费县的汽车 南通如皋到常州汽车时刻表 睢宁到石家庄长途汽车 大丰 扬州 汽车 五华至广州省汽车站 淡水有哪个汽车站的车票 禹城哪里里汽车站 贵阳到盐城的汽车票价格 乐清到丽水汽车票 五原到临河汽车 扬州到盐城汽车时刻表查询系统 凤阳汽车站凤阳到枣巷 临平南站到无锡的汽车站时刻表 从青岛到费县的汽车 淡水有哪个汽车站的车票 扬州到盐城汽车时刻表查询系统 禹城哪里里汽车站 淡水有哪个汽车站的车票 拉萨成都汽车 乐清到丽水汽车票 夹江兴华汽车客运中心 贵阳到盐城的汽车票价格 从青岛到费县的汽车 大丰 扬州 汽车 宿州东站到快客汽车站 五华至广州省汽车站 从青岛到费县的汽车 宿州东站到快客汽车站 大丰 扬州 汽车 黄冈到南昌汽车时间表 方城到韩城的汽车站 佛山汽车站到乳源 凤阳汽车站凤阳到枣巷 乐清到丽水汽车票 重庆到东莞汽车时刻表 夹江兴华汽车客运中心 漯河到许昌汽车票 黔江到两河汽车 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 狙击战神 纠正之界 十大动漫名场面:开局夜凯 逍遥侠探 重生神猿,我能掠夺别人气运 葡京官网 快连下载 欧博官网 葡京官网 欧博官网 临平南站到无锡的汽车站时刻表 扬州到盐城汽车时刻表查询系统 大丰 扬州 汽车 五华至广州省汽车站 贵阳到盐城的汽车票价格 扬州到盐城汽车时刻表查询系统 凤阳汽车站凤阳到枣巷 漯河到许昌汽车票 阆中到巴中汽车电话 阆中到巴中汽车电话 贵阳到盐城的汽车票价格 贵阳到盐城的汽车票价格 从青岛到费县的汽车 拉萨成都汽车 宿州东站到快客汽车站 椒江到海宁的汽车时刻表 南通如皋到常州汽车时刻表 禹城哪里里汽车站 夹江兴华汽车客运中心 宜春汽车东站坐几路车 铜陵到广州汽车多少钱 椒江到海宁的汽车时刻表 漯河到许昌汽车票 重庆到东莞汽车时刻表 椒江到海宁的汽车时刻表 大丰 扬州 汽车 睢宁到石家庄长途汽车 贵阳到盐城的汽车票价格 莱阳到龙口最早汽车站 漯河到许昌汽车票