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
延寿天顺街邮局电话钟建平电话延寿县 龙邦快递电话号延寿县玉河乡电话延寿县中通快递电话延寿ems快递电话中国邮政北辰邮局电话延寿县 龙邦快递电话号中国邮政挂号丢了知道收件人的电话号码可以查吗张家港步行街顺风快递电话湛江汇通电话延寿天顺街邮局电话永兴顺丰电话号码是多少湛江海田电话延寿县 龙邦快递电话号张家港步行街顺风快递电话中国邮政北京客服电话延寿邮政电话延寿邮政电话延庆顺丰快递电话号码忠县中通电话延寿邮政电话中国邮政挂号丢了知道收件人的电话号码可以查吗重庆北碚申通快递电话号码延寿县中通快递电话钟山申通快递电话号码延寿县玉河乡电话重庆北碚申通快递电话号码延安宝塔区顺丰电话永兴顺丰电话号码是多少 建国初期,社会初定,人民群众生活趋向稳定,但,大陆国民党余孽和岛内敌特分子,侍机而动,妄想颠覆我政权,我政府军民合力,一次次挫败敌特分子的黄粱美梦。 三角村,一个位置僻静资源丰富的北方边陲小村庄,村民民心朴厚,与外无争,直到有一天,龙头沟事件后,村人发现,敌特就在眼前,于是,三角村人,用真实的情感,顽强的斗志,高度警惕的精神,配合政府化解了敌特一次又一次的计划... 至此,本文涌现出众多的故事人物,如,原我党潜伏人员李青山,三角村民李俊平,棉花,栓子,黄桂兰,杨林,燕云,哈工大张教授,张教授子女嫣红,岛内常将军等等。因为先进科技的发展,能源需求越来越大,公元2200年,由于人类对地球进一步开发,环境遭到破坏,千年不变的生态规则被打破,随着一声诡异的破碎声在全世界响起,地球各处开始频繁发生地震,接着就是沙漠开始无规则地进行扩张,无论是工业气息浓厚的城市,还是绿植丰富的森林,都被沙粒所替代。没有办法,人类开始运用最新的科术,打造出诸多太空运输机,能源采集飞行器等太空科技,远离地球,在太空中生存发展。 公元2201年,科学家发现新生儿中极少一部分出现异常,有的是肤色异常,能随着周边的环境的变化而发生改变,如同变色龙一般,有的则是有6只手臂,新生儿握力达到25kg,有的则是大脑发达,经过简单的教导,便能进行简单的计算。但随着时间的推移,科学家们发现他们普遍活不过20岁。 公元2238年,第七管理区,一个狭小的房间中,一声沉闷的枪响发出,倒霉蛋何晓就出现在这个世界上了。【文中内容纯属虚构,请勿模仿和相信!!!!】在这个世上活着的人,都有两面,笑脸下藏着恶魔,只是在刹那瞬间的爱也会转换成怨恨,而所有的怨恨会让这个世界血流成河,一寸前是黑暗,回头看也是黑暗,但是这样的黑暗,是谁也没有看到。而我所讲得故事,只是茶余饭后的闲话,您可千万别当真月寒人醉鬓成霜,红尘若梦几千年。漫漫仙路,当剑啸万里,何惧热血染青天!现代青年张无忌一次考古中,意外发现一座古墓。在古墓的神奇力量之下,竟来到了倚天之中的元朝末世。身怀北冥神功,逍遥传承,且看他如何在这个世界掀起风云,红颜相伴,兄弟相随,开辟出一个煌煌盛世! 注:本书单女主,不喜勿入!在一个风雨交加的夜晚,一个来自东北的白领,因为一个误会而被人推下河里。浑浑噩噩的脑袋醒来之后发现自己变成了个婴儿,而且这陌生的女人是谁啊?抱着我晃呀晃的,人家电影里穿越都是当皇帝当高手,为什么我变成了婴儿啊啊啊啊啊!!!想说话都说不了。一个穿越后被恶魔选中的继承人,却是个无神论者。恶魔啊恶魔,你确定你选对人了么?这是一个全民领主的世界,只要机缘足够,不死不灭不是传说。 周焱意外穿越到这个神奇的世界,觉醒金手指,竟然能够无限进化自己的领地。 普通【兵营】进化为【铜雀台】,开局就召唤会剑术的RRR级品质貂蝉! 普通【领主水晶】进化为【王者水晶】,防御力暴增十倍,怪物打都打不动! 普通【祭坛】进化为【神秘商店】,定时刷新各种宝物,开局就有一折打折卡,装备、建筑什么的,统统不是问题。 普通【茅草屋】进化为【灵气竹屋】,修炼成仙不是梦。 “你只是最低级的白色领主,为什么会有这么可怕的英雄!” “这真的只是一个低级领主,为什么这个领地防御这么可怕。” “我的巨龙还没有到城门就被屠了,麻蛋.....别吃啊!!” “呜呜呜,我的领地竟然被一个漂亮的妹子给毁了,她说叫貂蝉。” 周焱:“虽然我只是最低级的白色领主,但是我依然吊打全世界。在历经无数生死之后,那最终迎来的一切只是开始,历史似乎一直在轮回中。铁血狂徒“沈峰”回归都市,遇到“只应天上有,一见误终生”的最美女子“淑怡”,此后整个人都沦陷了。
本宫要修仙 至尊冰使 龙陨时代 无限游戏之世界 大秦:开局向祖龙索要太子位 大明:开局上交双穿门 太平逝 画面重现 诡异入侵:疯狂规则游戏 梦幻三界之九天绝恋 我是一只哈士奇 小玄子与方苏昕 混沌八皇 地球的再分裂:燕赵楚鼎立 我的前半生前传 我与神明为伴 原子:理与感 网游之神级幸运 俺宝玉在清朝当大官 灵魂潮汐 钟落谭镇快递电话 张黄新村快递公司电话 中国邮政北京客服电话 延寿邮政电话 钟落谭镇快递电话 重庆巴南圆通电话 中国邮政编码查询电话 湛江安铺派出所电话 钟山申通快递电话号码 永兴顺丰电话号码是多少 中国邮政挂号丢了知道收件人的电话号码可以查吗 中国邮政电话号码查询 延安ems处理中心电话 张家港步行街顺风快递电话 延寿ems快递电话 延寿县中通快递电话 中国邮政编码查询电话 钟山申通快递电话号码 忠县中通电话 延寿天顺街邮局电话 张黄新村快递公司电话 延寿县 龙邦快递电话号 钟建平电话 湛江海田电话 张家港步行街顺风快递电话 延安ems处理中心电话 钟山申通快递电话号码 钟建平电话 忠县中通电话 钟山申通快递电话号码 延寿县中通快递电话 张黄新村快递公司电话 延寿县快捷快递电话 延寿天顺街邮局电话 重庆北碚申通快递电话号码 延寿县中通快递电话 延寿县快捷快递电话 中国邮政北京客服电话 延安ems处理中心电话 延寿县 龙邦快递电话号 延寿县玉河乡电话 永泰车站电话 延庆顺丰快递电话号码 中国邮政电话号码查询 湛江海田电话 张黄新村快递公司电话 中国邮政电话号码查询 延寿县玉河乡电话 延安宝塔区顺丰电话 中国邮政北辰邮局电话 亚星官网 亚星游戏官网 亚星游戏官网 亚星官网 亚星游戏官网 我的重启人生 持剑天王 小赢还在吗 御魔界卷书 我只要幸福一点点 亚星管理平台 亚星官网 万利官网 亚星管理平台 澳门葡京官网 张黄新村快递公司电话 延寿ems快递电话 钟山申通快递电话号码 中国邮政北京客服电话 湛江安铺派出所电话 永泰车站电话 湛江海田电话 张黄新村快递公司电话 延寿县中通快递电话 中国邮政北辰邮局电话 中铁物流西昌一部电话 延寿天顺街邮局电话 湛江海田电话 重庆北碚申通快递电话号码 延寿县快捷快递电话 钟落谭镇快递电话 湛江汇通电话 延寿ems快递电话 中国邮政北京客服电话 中国邮政北辰邮局电话 延寿县 龙邦快递电话号 延寿县快捷快递电话 延安宝塔区顺丰电话 湛江汇通电话 延寿县玉河乡电话 中国邮政保定电话 中国邮政挂号丢了知道收件人的电话号码可以查吗 延寿ems快递电话 延寿邮政电话 中国邮政电话号码查询