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
永康中通客服电话营山资助中心 电话号码永康中通客服电话多少优速快递淄博网点查询电话永康中通客服电话多少钱永康中通客服电话益阳沙头圆通快递电话永康中通客服电话多少银川新城邮政电话号码是多少钱邮递客服电话永州邮政电话号码永康中通客服电话益阳南县邮政电话永州邮政电话号码永康中通客服电话多少邮递客服电话银川新城邮政电话永盛速递 电话永盛速递 电话永康申通快递网点电话号码营山凉风乡卫生院电话永盛速递 电话银川新城邮政电话号码是多少钱永嘉瓯北第一中学电话号码永康中通客服电话多少钱永康圆通快递员电话号码优速快递淄博网点查询电话永吉县邮政快递电话永康申通快递网点电话益阳南县邮政电话历史的天空总是惊人的相似,命运的轮回总是那么的惊奇,成封一不小心回到了荡气回肠的三国,为了心中的理念,扶摇直上九万里,一夜看尽长安花人生多故事,岁月不寻常。 一路风和雨,相逢在此时。 吕萨不是人,也不是个东西。 吕萨只想做个人,但天不遂人愿:要么被当成傻人,要么被当成神! 这是人类末日幸存之后,科技退步了千年的世界。 也是一个被进化潮汐,赤月夜冕洗礼了千年的世界。 千年前,机器打败了人类。 被放逐的幸存人类,却原力觉醒,变异出了各种超级异能——雷术、脉气、风核,晶能…… 智慧生命扩展到了雷族、亚兰族、鲲族、尸族、猿族…… 这些神秘的蛮荒种族,与前文明时代的机甲残骸、星舰遗迹、高楼残垣、公路荒漠……,会擦碰出怎样的魔幻火花? 吕萨,这个人形AI,生化机器人,如何在人类世界深度学习进化,蜕变成神? 本书逻辑自洽,智商在线,故事性强,文笔流畅,爽点迭出,悬赏毒点。 老书虫看了大补,嫩书虫看了精进。 实在是居家旅行,上班摸鱼必备之佳作良品。苏不弃,绰号“输不起”。 一介凡人,只得靠自己的努力和勤奋,才能踏上修行之路,以证大道  这辈子我都不会让你抢走她的。这辈子我要一报还一报。让你尝尝我上辈子受的苦。   汤文一觉醒来。天呐!(⊙o⊙)啥? 保家卫国是我们的职责! 起来!不愿做奴隶的人们!把我们的血肉,筑成我们新的长城!………………魂界的王国,主角是一位王的后裔,在他刚刚成年庆祝之时,某神秘人在这时袭击了他们,国王濒死将主角救了出去,魂界造成了极大的损失和伤亡,国度也将面临灭亡;而主角则是费劲自身换取强大力量,决定找到事情的来龙去脉并走上了复仇之路……以同名漫画《大理寺日志》改编,添加了一个自设加入(且体可查看“附录”)作者初心是希望在加入自己自设人物的后时写一份精彩的《大理寺日志:文字版》希望大家多多支持! 附录:(其他人物皆出于原创,在此只介绍自己加入的角色了) 姓名:郑珏 身世:唐代五门望族“荥阳郑氏”的小女儿 身高:156 年龄:离家时年仅十三岁 武器:匕首 其他信息会在文中介绍,在此不便多说,望各位原谅张简意外之中重生到了‘楚国’,这里南北分裂,这里三国并立,这里是陌生的世界,这里发生着不一样的历史。 友情,爱情! 朋友,对手! 当张简兜兜转转登上顶峰再回首来路,看到了却是早已模糊陌生的自己。 有人曾问张简:人上辈子会是什么样子的? 张简笑着回答:不知道,但一定是犯错了吧,要不然这辈子也不必来这人世间走一遭。赫赫有名的“白金”成就满级玩家,在删除账号却误入了新的时间,本以为是系统BUG,没想到却在这里开启了新的人生这是一部从1900年到1949年风云激荡的家族史,也是中华民族屈辱的血泪史。通过这部家族的恩爱情仇,跌宕起伏的历史,再现了当年那段不堪回首,可歌可泣的历史。国运与家运是紧密相连的。国泰才会民安。 从1900年的八国联军到十四年的抗日战争,神州大地一直被外国侵略者的铁蹄肆虐,践踏。中国人惨遭生灵涂炭,血流成河。 草根中枢中为了逆袭,实现实业救国的梦想。不惜抛妻弃子入赘到荃贵家里,演绎了豪门恩怨的悲欢离合。中枢中成为商界名流后,却成为各种势力争吃的唐僧肉,都想从他身上分一杯羹。日本人更是对他虎视眈眈,面对日本人的威逼利诱,他从容面对,不屈不挠地进行抗争。 日本人的暴行,激发了中家儿女和所有爱国人士的抗日热情,他们为了抗日。不惜牺牲自己的名和利。大家砥砺前行,共同心谱写抗日救国之歌。终于迎来了中国人民从此站起来的1949年。结束被列强宰割的命运。
神之天助 剑仙独行 大道之行: 重生:我的神豪之旅 雾似 时光沧龙之跨时空传奇 大唐第一熊孩子 命定与传承 极品的重生人生 猩红危机 天之道会发生什么 彩脑 我出马的那几年 绝美女神的贴身高手 仰望星空的蛙 许你一世偏宠 我当侦探的日子 末世无敌之圣职者不是奶妈 血夜之上 网络之战 永康圆通快递员电话 邮递查询电话 银川新城邮政电话 永盛速递 电话 永康圆通快递员电话 永康圆通快递员电话号码查询 银川新城邮政电话号码 优速吴中一部联系电话 永康圆通快递员电话号码 益阳南县邮政电话 银川新城邮政电话号码是多少钱 银川新城邮政电话号码是多少钱 永嘉瓯北第一中学电话号码 邮递客服电话 永康申通快递网点电话号码查询 永康中通客服电话多少钱 银川新城邮政电话号码 永康圆通快递员电话号码 营山凉风乡卫生院电话 永康中通客服电话 邮递查询电话 永康中通客服电话多少 营山资助中心 电话号码 永定区电话编号 优速吴中一部联系电话 永嘉瓯北第一中学电话号码 永康圆通快递员电话号码 营山资助中心 电话号码 营山凉风乡卫生院电话 永康圆通快递员电话号码 永盛速递 电话 邮递查询电话 优速快递淄博网点查询电话 永康中通客服电话 永嘉瓯北第一中学电话号码 永康中通客服电话多少钱 优速快递 赣州八部电话 银川新城邮政电话号码 永嘉瓯北第一中学电话号码 优速快递 赣州八部电话 永康中通客服电话多少钱 益阳南县申通电话号码 永康申通快递网点电话号码 银川新城邮政电话号码是多少 永定区电话编号 邮递查询电话 银川新城邮政电话号码是多少钱 优速快递淄博网点查询电话 永康申通快递网点电话 益阳沙头圆通快递电话 亚星官网 亚星游戏官网 亚星游戏官网 亚星官网 亚星游戏官网 盗墓:开局相亲霍秀秀 超级小渔民 苍生令:万族之主 映入现实 剑缘群侠传 欧博官网 亚星游戏官网 亚星官网 欧博官网 澳门葡京游戏官网 永康中通客服电话多少 永康申通快递网点电话号码查询 益阳南县邮政电话号码 永康中通客服电话 永康中通客服电话多少钱 益阳南县申通电话号码 永康中通客服电话多少钱 永康圆通快递员电话号码查询 永定区电话编号 永康圆通快递员电话号码 银川新城邮政电话号码是多少钱 永吉县邮政快递电话 邮递客服电话 永康申通快递网点电话 邮递客服电话 银川新城邮政电话号码是多少钱 益阳南县申通电话号码 邮递客服电话 永康圆通快递员电话号码 益阳南县申通电话号码 益阳沙头圆通快递电话 营山资助中心 电话号码 益阳沙头圆通快递电话 益阳南县邮政电话 银川新城邮政电话号码 永康中通客服电话多少钱 永康申通快递网点电话号码 永盛速递 电话 永北镇电话 银川新城邮政电话号码