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可以信用卡额度的信用卡额度多少钱更改信用卡上的手机号码怎么改工资5000可以信用卡额度的信用卡额度多少高额度信用卡办理工商个体户的工资证明怎么办理信用卡公司刷员工信用卡吗工资5000可以信用卡额度的信用卡额度多少各个信用卡都有备用金公司刷员工信用卡吗工资5000可以信用卡额度的信用卡额度个体户的工资证明怎么办理信用卡富滇信用卡申卡进度公司人不好怎么办信用卡公司人不好怎么办信用卡福州周五信用卡美食高额信用卡盗刷公司人不好怎么办信用卡高额度信用卡办理工商港澳信用卡用还么工银单币信用卡刚到的信用卡多久还款工银单币信用卡港澳信用卡用还么福州周五信用卡美食各个信用卡都有备用金本书以男主角邹君的都市逆袭为主线,展现了一名社会底层单身汉如何在机缘巧合之下实现“系统升级”一般的开挂逆袭,以及在逆袭过程中所经历过零零总总的精彩人生。在这其中,既有令人羡慕的“桃花运”情节,也有惊险不断的人物冲突场景,科幻与玄幻并举,最终归于修真证道,成就永恒。故事从地球文明到太阳系文明再到银河系文明,精彩还在后头……各位看官,新手上道,请多关照!赵玉虎,貌不惊人,瘦小枯干,巧舌如簧,能言善辩,这是一位彻头彻尾的小波皮,那真是老牛吃破草帽,满肚子坏圈圈,只有你想不到,没有他做不到,一天不搞点事情,浑身也不自在。 所谓面馍不坏不知酱味,粮不发酵难得美酒。世界上的事,好有好的道理坏有坏的理由,好戏还得坏人配,再好的作品,没有了坏角色的陪衬,也是没法表演的。 【莫轻烟我爱你用尽了最后一丝力气对着一个貌美的女子说道】 偏爱都市爽文的顾辰 正在美滋滋的看着小说 江辰:不是我说,这个反派也太傻了吧 亏我还跟他同一个名字 谁知道下一秒江辰被传送到了 这本书的boss 面对反派无脑挑屑 惨遭主角打脸的狗血桥段 顾辰应该怎么面对 顾辰一脸懵逼的躺在10米的豪华大床上 【滴!反派系统已绑定】 顾辰也是淡定了下来 系统在手 第一女主未婚妻 将军爷爷 商界大亨父亲 京都第一世家长子 这个身份! 江辰忽然感觉 当一个大反派也不错!林大厨的故事!!!!!!!!本书作者新手东方曜穿越洪荒,投靠刚建立不久的天庭,成为一名扫地仙。 同时获得签到系统,只要在不同的地方打卡,就可以拿到系统奖励。 “叮!恭喜宿主遣云宫打卡成功!” “获得大道玉佩!” “叮!毗沙宫打卡成功,获得【八九玄功】。” “叮!五明宫打卡成功,获得圣龙仙丹!” “叮!兜率宫打卡成功,获得先天灵果一枚。” …… 就这样,东方曜在众仙无视中在天庭签到了几百年。 直到有一天,下界妖族举兵来袭,天庭无人能敌。 他们一路杀到了凌霄宝殿,遇到了正在扫地的东方曜……“这小丫头,又在作死了……”方若缓缓叹道……穿越大唐贞观年间,成为李世民第九子李治。 开局只有四岁,并且身负混世魔王系统。 十万里加急的信鸽算什么? 烤! 圣旨算什么? 画! 李二算什么? 整! 李二:“王德,最近雉奴学业如何?” 王德:“陛下,孔颖达已拜晋王为师!” 李二:“什么?” 王德:“阎立本、王献之紧随其后,也对晋王殿下以师见礼!” ………… 琴棋书画,刀枪剑戟,文武双全定江山。 我李治自认第二,谁敢称第一?您有没有遇到过,到某个陌生的地方,却有种曾经来过的熟悉感,感觉像梦里梦见过一般? 或是某条街道,或是某栋建筑,或是街边的某个橱窗。那种笃定曾经见过的信念,会吓自己一大跳! 但又实在记不起来,什么时候来过?或是通过什么方式真的见过?这又使得自己很迷茫。 踌躇满志考大学,不想2022高考竟是如此之难!考完英语那天下午,林易仰天长啸,痛哭流涕!无颜回去面爹娘,只能凭着手机缓解心绪,谁想一场奇异正向他驰来……
来自幻想世界的客人 我乃帝尊 地球之灵开局拯救亿万人 纵星者 符塔 逐梦NBA 造神局 云巡四洲 我是学霸剑神 我为墨麒麟之子 心罪笔录 口又忄昔 四纬 圣龙图腾 关于我被放逐到异世界的事 元宇宙管理局 关中有刀王 诸天副本:开局就是无敌潜力 地球重生之灵亡大陆 我靠吟诗成儒圣 刚毕业大学生没工作怎么办理信用卡 赣州有那些银行信用卡 富滇信用卡申卡进度 公司没有发工资怎么办理信用卡 刚毕业大学生没工作怎么办理信用卡 港澳可以用什么信用卡 富滇信用卡申卡进度 个体户的工资证明怎么办信用卡 刚到的信用卡多久还款 各大银行信用卡广告语 富滇银行信用卡收费 富滇银行信用卡收费 港澳信用卡有额度吗 赣州有那些银行信用卡 工资5000可以信用卡额度的信用卡额度多少钱 公司没有发工资怎么办理信用卡 富滇信用卡怎么激活 刚到的信用卡多久还款 富滇银行信用卡怎么还款 工资5000可以信用卡额度的信用卡额度多少 赣州有那些银行信用卡 工资5000可以信用卡额度的信用卡额度 富滇银行信用卡怎么还款 公司刷员工信用卡吗 个体户的工资证明怎么办理信用卡 港澳信用卡有额度吗 刚到的信用卡多久还款 刚办信用卡可以透支吗 富滇银行信用卡怎么还款 刚到的信用卡多久还款 公司没有发工资怎么办理信用卡 赣州银行信用卡查询 工银单币信用卡年费 工资5000可以信用卡额度的信用卡额度多少钱 港澳信用卡用还么 工银单币信用卡 工银单币信用卡年费 富滇信用卡申卡进度 港澳信用卡有额度吗 工资5000可以信用卡额度的信用卡额度 工银单币信用卡 各大银行信用卡广告语 工资金卡怎么办理信用卡 富滇信用卡怎么激活 公司刷员工信用卡吗 赣州银行信用卡查询 富滇银行信用卡收费 工银单币信用卡 港澳信用卡有额度吗 更改信用卡上的手机号码怎么改 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 什么?我竟然来到了异界 水浒之逆天改命 潇洒小魔医 九转金莲 终末的女武神二 续作 百家乐官网 澳门葡京游戏官网 葡京官网 百家乐官网 万利游戏官网 工银单币信用卡 公司人不好怎么办信用卡 个体户的工资证明怎么办信用卡 刚办信用卡可以透支吗 福州周五信用卡美食 富滇信用卡怎么激活 刚到的信用卡多久还款 各银行信用卡额度上限 工资5000可以信用卡额度的信用卡额度多少钱 富滇银行信用卡怎么还款 公司刷员工信用卡吗 公司刷员工信用卡吗 工资5000可以信用卡额度的信用卡额度多少 工资5000可以信用卡额度的信用卡额度 福州周五信用卡美食 工资金卡怎么办理信用卡 港澳可以用什么信用卡 公司没有发工资怎么办理信用卡 个体户的工资证明怎么办理信用卡 富滇银行信用卡怎么还款 港澳信用卡有额度吗 赣州有那些银行信用卡 刚毕业大学生没工作怎么办理信用卡 各银行信用卡额度上限 工资金卡怎么办理信用卡 高额信用卡盗刷 公司人不好怎么办信用卡 个体户的工资证明怎么办理信用卡 港澳信用卡用还么 港澳信用卡有额度吗