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
北京携带狗狗的农家院shorthaired狗狗北京哪能买狗狗宝宝的狗狗丢了怎么办啊宝宝用了狗狗喝水的盆北京携带狗狗的农家院白灰色狗狗圆头北京哪能买狗狗把狗狗嘴打出血了怎么办帮狗狗剪指甲怎么磨帮狗狗剪指甲没事吧北京携带狗狗的农家院白色狗狗毛如何洗白帮狗狗剪指甲没事吧北京哪能买狗狗帮狗狗剪指甲视频教程白毛狗狗 泪痕宝宝用了狗狗喝水的盆宝宝用了狗狗喝水的盆比熊狗狗换毛图片八岁狗狗犬瘟宝山区狗狗打疫苗把狗狗嘴打出血了怎么办6岁的狗狗抽搐是怎么了宝宝抢了狗狗的饭JP狗狗沐浴露宝宝的狗狗丢了怎么办啊最小的狗狗图片欣赏比熊狗狗换毛图片半岁狗狗一天遛几次(女帝,气运,悟道,天才,争霸) 瑶池圣女:手握日月摘星辰,世间无他这般人。 青莲剑圣:不会真有人觉得,世子大哥是凡人? 狠人女帝:不为成仙,不为成帝,只为在红尘中长伴君之左右! 君逍遥很难受。 他一句话,让女帝娘子,悟出了一念花开,君临天下。 他一首诗,让青莲剑圣,明了了绝世剑意,万古长歌。 他一幅画,让瑶池圣女,炼成了六道轮回,造化天功。 气运之子,一路高歌,一路横推,一路喊着世子才是真无敌! 君家世子,一直羡慕,一直苦笑,一直都是平平无奇小世子…… 终有一日,荒域大乱。 君逍遥破了老祖留下的世子不能出府的预言。 惊天动地的事发生了。 我为天子镇国门,血染江山亿万里! 不出世则以。 一出世必成天下第一! …… 这是一个人与妖相争的世界,无数人前赴后继只为同一个信仰,可销烟散尽后,隐藏在背后的是更大的绝望…… 我听见来自地狱的呼喊 横死的人们哀鸿遍野 断臂的勇士不畏死生 眼盲的灵魂声嘶力竭 孤独的残肢心有不甘 英雄的尸骨铺向深渊每个生灵都有劫体,谁能为极仪一战?最终是否成为纯极仪的世界呢?众生苦难,邪祟横行。 在这个人命如草芥的世界,凌云穿越而来。 并且随身携带【修改器】,任何武学在他手中,都能修改到极致! 猛虎刀法、金刚身、铁布衫……通通给我加满! 面对各种妖魔鬼怪,凌云浑身肌肉虬结,语气森然: “邪祟?我就问你抗不抗揍就完事了!&amp;quot;生逢乱世,不求渡尽苍生,只求命数己定。 . 一生坎坷,只为与天争朝夕之命; 一生如画,水墨飘香自乱世情仇; . 幽火熊熊焚芸芸之众生,风雷阵阵破无间之魍魉;公司老总魏之善意外身亡,死者妻子九菲,在市公安局刑侦科科长杨军等人的帮助下,展开一场对死亡之因的调查。其间不仅是正义与邪恶的较量,智慧与计谋的比拼……顾八方携带《武学加点系统》穿越异界,本以为是低武世界,谁知竟然遇到了邪灵妖魔。 面对武者完全无法对付的邪灵,顾八方丝毫不慌,他开启武学加点提升,无限变强之路。 四十年功力! 八十年功力! 一百二十年功力! 当顾八方横推一切,拳裂天地,脚踏苍穹之时,高高在上的至尊们才彻底惊醒。 大乾人皇:谁言邪灵不可灭,八方一出天地清! 浩然宗主:顾八方,天下第一奇才,我愿称他为武道最强。 岳麓院长:见过顾八方,我才知道什么叫勇、悍、莽! 邪灵宗主:我和顾八方,到底谁才是最大反派啊?穿越平行世界,文娱资源匮乏,百废待兴。 孤独一世的江帆,身后多了一个喊自己“爸爸”的小棉袄。 为了让自己可爱的宝贝女儿过上公主般的生活,江帆开始拼命赚奶粉钱。 视帝、影帝、百亿导演、天王歌手…… 荣誉加身的江帆在巅峰时不顾数十亿粉丝的挽留隐退,只为了陪伴橙橙,给他最完整的童年。 这才发现,自己不知不觉间,成为了这个世界文娱行业的神,让文娱抵达了前所未有的盛势!未来故事I am god! 无知凡人们,献上你们的膝盖吧! 那一天,得知世界真实的辰桓定下一个小目标,成为这世间第一个神! 于是乎,受命于天的他带着上天的馈赠,开始了他收集打工人的历程。
元宇宙:最后防线 带着妻女征服几个宇宙 逆凡人生 黑白魔神! 维克托:失忆 秦小乙反天记 将火余年 落尽天因 异世之随身召唤 我什么时候可以心想事成啊 重生之无敌盗墓 天下风华录 天地参一 我王凡没有开挂 再上昆仑 龙女竟是我师姐 帝国雪绒花 传奇刘星 剑道之太上 从秀才到高僧 JP狗狗沐浴露 帮狗狗剪指甲视频教程 白内障眼药水对狗狗 宝宝用了狗狗喝水的盆 shorthaired狗狗 最小的狗狗图片欣赏 白内障眼药水对狗狗 宝山狗狗防疫站 24天的狗狗一天吃几次正常吗 白色狗狗毛如何洗白 把狗狗撞了怎么办 把狗狗撞了怎么办 6岁的狗狗抽搐是怎么了 帮狗狗剪指甲视频教程 北京携带狗狗的农家院 宝宝抢了狗狗的饭 拔掉狗狗牙齿怎么保存 JP狗狗沐浴露 爱狗狗起什么网名 北京哪能买狗狗 帮狗狗剪指甲视频 北京哪能买狗狗 爱狗狗起什么网名 宝山区狗狗打疫苗 帮狗狗剪指甲怎么磨 MJ狗狗鞋 JP狗狗沐浴露 爱狗狗起什么网名 爱狗狗起什么网名 24天的狗狗一天吃几次正常吗 宝宝用了狗狗喝水的盆 帮狗狗剪指甲视频 宝宝的狗狗丢了怎么办啊 北京携带狗狗的农家院 6岁的狗狗抽搐是怎么了 宝宝抢了狗狗的饭 宝宝的狗狗丢了怎么办啊 白内障眼药水对狗狗 6岁的狗狗抽搐是怎么了 宝宝的狗狗丢了怎么办 宝宝抢了狗狗的饭 宝山狗狗防疫站 比熊狗狗换毛图片 拔掉狗狗牙齿怎么保存 帮狗狗剪指甲没事吧 帮狗狗剪指甲视频 把狗狗撞了怎么办 宝宝抢了狗狗的饭 MJ狗狗鞋 白毛狗狗 泪痕 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 神魔守护者 史上最强直播间管理员 惊悚世界化身鬼医生 大秦公子:开局被流放 人工智能拯救末世 百度 百度 百度 百度 百度 宝宝的狗狗丢了怎么办啊 宝宝抢了狗狗的饭 帮狗狗剪指甲视频 宝山狗狗防疫站 白内障眼药水对狗狗 6岁的狗狗抽搐是怎么了 宝宝的狗狗丢了怎么办 shorthaired狗狗 比熊狗狗换毛图片 把狗狗嘴打出血了怎么办 宝宝抢了狗狗的饭 最小的狗狗图片欣赏 宝山狗狗防疫站 宝山狗狗防疫站 宝山区狗狗打疫苗 宝山区狗狗打疫苗 宝宝的狗狗丢了怎么办 宝宝的狗狗丢了怎么办啊 北京携带狗狗的农家院 帮狗狗剪指甲怎么磨 白毛狗狗 泪痕 6岁的狗狗抽搐是怎么了 北京哪能买狗狗 半岁狗狗一天遛几次 比熊狗狗换毛图片 把狗狗撞了怎么办 宝宝的狗狗丢了怎么办啊 24天的狗狗一天吃几次正常吗 帮狗狗剪指甲怎么磨 帮狗狗剪指甲怎么磨 亚星官网 亚星官网 万利官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网