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
狗狗聪明排狗狗喘气带声音是怎么回事狗狗打八联是一次注射狗狗打电脑的图片大全图片大全图片大全狗狗打电脑的图片大全图片大全图片搜索狗狗从小体臭怎么办狗狗打狂犬在哪里打狗狗打八联是一次注射狗狗喘出来的气是臭的狗狗打架翻肚皮狗狗打好疫苗尿多狗狗聪明排狗狗打架后一瘸一拐狗狗打哈下巴颤抖狗狗打八联是一次注射狗狗打架翻肚皮狗狗打了宠必威狗狗打多了疫苗没事吧狗狗打多了疫苗没事吧狗狗从生下来怎么打针狗狗喘气带声音狗狗打多了疫苗没事吧狗狗喘出来的气是臭的狗狗吹了空调吗狗狗打电脑的图片大全图片大全图片搜索狗狗床的制作方法狗狗打电脑的图片大全图片大全图片大全狗狗吹了空调吗狗狗从没打过疫苗狗狗打架后一瘸一拐刘洋穿越到汉灵帝私生子刘讼身上!携带系统的他剑锋所指所向披靡! 神界大战,他是神界的伏魔天尊,与魔皇决斗之时,被人偷袭,肉身陨灭!神魂在宇宙中飘荡,无所适从!时光飞逝,眨眼千年! 曾经的爱人啊!将他的神魂投入农妇腹中,投胎转世,以续前世未了情,奈何今世是今世,前世是前世,所谓再世为人,不过是将前世之事忘却罢了!今世,他修真练道,开宗立派,又是一个伏魔天尊,但已不在是前世的那个他!不一样的江山,不一样的大明,看我王不死如何发财,玩转娱乐圈,嚯嚯大明帝国。逝去的第四异境主宰再次重生,作为新时代现实世界的初中生周哲叶。而在他初中即将毕业之际,所有关于他之前作为主宰的事情接踵而至。第二异境主宰虚无在他的学校降临下穹顶,恶魔也开始渐渐出现,从虚拟异境归来的克隆体也开始朝着他开始涌去。而这些都只是他重生再次觉醒路上的绊脚石,直至他将污秽解决再次登上主宰之位才开始平静。人族十大武帝各据一方。 再有东域黑龙王,南域裂天虎,西域通天树,北域天狐族等各大族群势力。 神荒时代末端,世间动荡,神物涌现,妖孽横生。 前世武帝万离,受圣物圣灵珠庇护,重生降临,修无上法诀,再入巅峰。 武帝入世,再览世间,万离: “神物三魂厌世灯?我要了!” “天狐族圣女,无垠圣体?正好身边缺个侍女。” “弑神殿?来多少我杀多少!”穿梭无数的世界,连接无数的故事。 万界唯一并非绝对的道路。 这是属于王黎们的故事。宋徽宗时期宣和三年七月上旬,以张叔夜、张伯奋、张仲熊三人为首的三十六部雷将,十八位散仙团灭了梁山!这件事很快传到了天庭,天庭玉皇大帝立刻派观音菩萨从披香殿内释放了新一波的天罡地煞星下界聚义黑牙泊给宋江等一百单八将报仇,而玉帝不放心新一波下界的一百单八将便又派出十二星座战士和十八罗汉将军下界聚义红日山为黑牙泊好汉助阵!最终黑牙泊一百单八将和红日山好汉的配合下团灭了张叔夜一伙雷将,为宋江等一百单八将报了仇雪了恨这是一个流量玷污的时代! 为了赚快钱,他们只需要改编,抄袭,制作一些口水歌,再加上这个时期扭曲的审美,乐坛早已不复曾经。 凌风穿越到平行世界,一档娱乐节目现场! 公开怒喷评委的评价和批判这种翻唱、抄袭风气! 不出意外,他遭到评委和全网的抵制! 面对抵制和质疑,凌风现场写出《孤勇者》,瞬间燃爆全场,将评委和观众全都唱跪! 之后,《青花瓷》《本草纲目》《赤伶》一首首国风神曲诞生! 凌风一跃成为娱乐圈天王巨星!林莫得到一则预言,灵气复苏即将来临,但他不慌,为什么,因为他在灵气复苏之前,就已经修炼了三年了,在充满异能和灵气的世界,他会一直处于顶端。万万没想到,走路也可以修练,躺着也能成为大佬。 人说:要做个有梦想的咸鱼,本想翻身,一不小心咸鱼粘锅。 哎呀!完犊子了…… 是命运的不公,还是英雄的凯歌! 两世轮回,繁华落尽! 待回首,灯火阑珊处却不见她。 传说中的手掌乾坤,脚踏星辰,御剑飞行的世界真的出现。 各种大佬,集聚一堂。 而苏洵,却身处漩涡之中。 谁是执棋之人,而谁又是棋子?
不朽道魂 修道至苦是人间 大唐:说书长坂坡,我带赵云杀疯了 暗黑破坏神之狂怒 太源界 宇宙星河之地平线下 铁血之人的无限之旅 南楚门客 九幽墟 龙域神尊 回溯之千世夙愿 战神游记 龙女山传奇 九天界限 穿越三国:被赶出盟军大营 混沌纪:太上天书 穿越回三国:一统天下 锁穹 亏成首富从民国开始 异常生物收容所 狗狗喘气带声音是怎么回事啊 狗狗打架被吓到 狗狗打了宠必威 狗狗打多了疫苗没事吧 狗狗喘气带声音是怎么回事啊 狗狗床的制作方法图解 狗狗打了宠必威后呕吐 狗狗打架后瘫痪 狗狗床的制作方法 狗狗打架后一瘸一拐 狗狗喘出来的气是臭的 狗狗打了庆大吐黄痰 狗狗从几个月开始掉毛 狗狗打架翻肚皮 狗狗从小体臭怎么办 狗狗打电脑的图片大全图片大全图片搜索 狗狗打了宠必威后呕吐 狗狗床的制作方法 狗狗喘气带声音 狗狗聪明排 狗狗打架被吓到 狗狗打八联是一次注射 狗狗喘气带声音是怎么回事 狗狗打哈下巴颤抖 狗狗打架翻肚皮 狗狗从几个月开始掉毛 狗狗床的制作方法 狗狗喘气带声音是怎么回事 狗狗喘气带声音 狗狗床的制作方法 狗狗打电脑的图片大全图片大全图片搜索 狗狗打架被吓到 狗狗打虫后会抽蓄吗 狗狗聪明排 狗狗吹了空调吗 狗狗打电脑的图片大全图片大全图片搜索 狗狗打虫后会抽蓄吗 狗狗打了宠必威 狗狗从几个月开始掉毛 狗狗打八联是一次注射 狗狗打电脑的图片大全图片大全图片大全 狗狗打架后心理 狗狗从生下来怎么打针 狗狗打了庆大吐黄痰 狗狗打哈下巴颤抖 狗狗打架被吓到 狗狗打了庆大吐黄痰 狗狗打电脑的图片大全图片大全图片大全 狗狗从没打过疫苗 狗狗打狂犬在哪里打 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 万界之征战 无尽世界成王之路 再无烦恼 变局2028 当我拥有上帝视角! 万利游戏官网 欧博游戏官网 欧博官网 万利游戏官网 AG真人 狗狗喘气带声音是怎么回事 狗狗打架责任划定 狗狗打八联是一次注射 狗狗打多了疫苗没事吧 狗狗喘气带声音是怎么回事啊 狗狗打了宠必威 狗狗打狂犬在哪里打 狗狗从没打过疫苗 狗狗打了宠必威 狗狗喘出来的气是臭的 狗狗从几个月开始掉毛 狗狗喘气比较大 狗狗打架被吓到 狗狗喘气带声音是怎么回事 狗狗聪明排 狗狗打虫后会抽蓄吗 狗狗打八联是一次注射 狗狗床的制作方法 狗狗打架后一瘸一拐 狗狗床的制作方法图解 狗狗打虫后会抽蓄吗 狗狗从几个月开始掉毛 狗狗床的制作方法图解 狗狗打好疫苗尿多 狗狗吹了空调吗 狗狗从生下来怎么打针 狗狗打哈下巴颤抖 狗狗从小体臭怎么办 狗狗喘出来的气是臭的 狗狗打八联是一次注射