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
两岁宝宝怎么排湿气六个月宝宝总打嗝满月宝宝阴囊一大一小两个半月宝宝睡觉突然大哭是怎么回事两个月宝宝轻度肺炎喘两岁宝宝怎么排湿气两岁宝宝疱疹性发烧满月宝宝阴囊一大一小俩个月的宝宝喉咙有痰俩个月宝宝拉绿色膏状两个月宝宝有点黑满月宝宝阴囊一大一小苗肤康宝宝可以用吗两个月宝宝有点黑满月后宝宝不喝夜奶俩个月宝宝拉绿色膏状两岁宝宝用什么防晒两个月宝宝头围怎么量两个月宝宝头围怎么量两岁宝宝哭时舌头不动六个月宝宝表情夸张两个月宝宝头围怎么量俩个月的宝宝喉咙有痰两岁宝宝喝伊利qq星两个月宝宝嘬嘴唇摸到宝宝牙龈硬硬的两个月宝宝嘬嘴唇两岁宝宝喝伊利qq星六个月宝宝不怎么对视两岁宝宝小便疼 憋着无论是在古罗马军队中杀戮的野蛮人,还是在后殖民主义时期,那些因为种种原因,被流放到非洲充当炮灰的欧洲囚犯。 这些所谓看钱卖命的“雇佣军”,始终都被世人看作是一群“为了钱而看淡生死的人”! 故事的主人公伊笑是某国的一名退役特种兵王,一次机缘巧合的机会,他加入了这个世界上最为神秘的雇佣军团:“飞鱼特工队”。 让我们一起来走进战场,看一看在雇佣兵的世界里,到底有哪些不一样的“奇妙”经历!任人欺凌的吴用,从小就梦想有一天,挺自腰杆行侠仗义。 胸大无脑的杨茜茜,一直幻想着成为商界的女强人。 碌碌无为大半辈子的齐叔,总想着把45平米的洗衣店做到全国开花。 “做我陈越的朋友,心想事成,荣华富贵唾手可得。” “与我为敌,看看那些原始森林一般的坟头草,就知道他们的下场有多么的凄凉。。” 人生只不过是我们死之前的一点回忆。能否改变人生,不是从回忆里去改,而是从现在去改变。决定你未来命运的不是过去做过什么,而是你现在正在做什么。摆脱宿命的安排,挣脱命运的枷锁,打破这一切的双手长在我们自己身上。 天尊轮回,一个懵懂少年入踏入修仙路,不求长生,只为真我,寻找前世爱妻,解开前世之谜,打破今世枷锁,成就今世威名,改变天地法则,重塑未来。一步步成长为天地至尊回归真我。 当站在修炼之巅,蓦然回首,才懂得,上天注定的是一个结果而不是过程,由你做主的那部分是上天赋予你的权力,但最终谁也改变不了那个结果,人生只是一个自我认识,追求真我的过程,一场我们自己主宰的梦而已…………更多精彩请持续关注本书。秦风穿越回到20年前,他是否够成为地产行业大佬、做有良心的房地产企业,成为行业翘楚,且看他如何一步步走向人生巅峰。成就万亿企业,改变后世格局。那年那天,爱神丘比特的神箭射中了我和你的心,冥冥之中让我们相遇,相识,相知到相爱。十七岁的我们在暴风雨中砥砺前行,闹过,吵过,也曾彼此厌倦,但这不正是真正的爱情吗?只有经历过暴风雨的洗礼,花儿才会开得更美![泛科幻·爽文·末世·丧尸]2199年,地球上的人类被迫通过各种方式重新认识“自己”。 原来,他们并不是地球原本的主人,或许,地球原本就没有主人。 苏美尔人与海王族人第一次星际战争延宕了100年之久 2199年, 战争和恶劣的自然条件使得人类数量迅速下降,从2099年的40亿暴风骤雨般地消减至1亿1千万 元世界被地球M国、约等国等瓜分为紫微星、太白座HDD等十三个区域,新的秩序即将来袭。。。 陈建国,这个D类人不知怎么就被推了上来。丧尸、修炼、称霸外星球。。。。 在地球,一亿多人被划分为A B C D四个等级,规则意识无处不在,为了保证生育质量,只允许A B 等级的人结婚。。 林家长老借天降火雨开始谋权篡位,族长死亡,少族长也丧命。知情这或杀,或是心腹,唯独一个小仆人不仅知情,还逃出了林家。因为林家少族长对他如亲弟弟,他对少族长为亲哥哥。世道无情,人有情,且看我林天报仇雪恨,登上那至高无上的境界找回记忆,先去釜山!九龙大陆,强者为尊,武道一途,与天争命,且看一朝皇子,凭三尺长剑,如何皇临天下!武道巅峰,谁为皇? 为了心中的一丝执念,阳炎勤修武,争太子,夺皇位,战天下,历生死,证武道,破轮回! 号令天下,莫敢不从!白牧,一个行动受制于轮椅的普通人,每天过着枯燥乏味的生活,直到某一天,平板上出现了一个神秘的游戏。 当他沉迷其中,无法自拔时,才突然发现,游戏的背景竟然是现实…… (灵气复苏,幕后,无敌流)
意识体病毒 那小子竟然是洪门大佬 异世界的快乐冒险 不见当年剑仙来 C界 你假装修炼一下吧,球球了! 向光而生,我欲戴冠 阴阳作妖人 异常 序章 大晋武帝 帝落星辰 最强杂役 玄天宗录 阴阳界之仇仙 禁灵军 超绝世风云 烟泷一枪客 鬼校 开局绑定英雄联盟 我老婆是快穿文女主 六个月女宝宝十二斤半 满月宝宝白天要玩多久 两岁宝宝用什么防晒 两个月宝宝轻度肺炎喘 六个月女宝宝十二斤半 梦见自己怀孕生宝宝 两岁宝宝用什么防晒 女宝宝在12周心跳多少算正常值 摸到宝宝牙龈硬硬的 明星生宝宝间隔 梦到宝宝名字算胎梦梦 梦到宝宝名字算胎梦梦 两岁宝宝可以吃扑尔敏吗 满月宝宝白天要玩多久 两岁宝宝怎么排湿气 两个月宝宝轻度肺炎喘 两岁宝宝正常鼻腔 摸到宝宝牙龈硬硬的 六个月宝宝脸上有红血丝怎么回事啊 满月宝宝阴囊一大一小 满月宝宝白天要玩多久 满月后宝宝不喝夜奶 六个月宝宝脸上有红血丝怎么回事啊 两个月宝宝有点黑 俩个月宝宝拉绿色膏状 两岁宝宝可以吃扑尔敏吗 摸到宝宝牙龈硬硬的 六个月宝宝总打嗝 六个月宝宝脸上有红血丝怎么回事啊 摸到宝宝牙龈硬硬的 两个月宝宝轻度肺炎喘 快生了宝宝只是半入盆 两个半月宝宝睡觉突然大哭是怎么回事 两岁宝宝怎么排湿气 两岁宝宝喝伊利qq星 两个月宝宝嘬嘴唇 两个半月宝宝睡觉突然大哭是怎么回事 两岁宝宝用什么防晒 两岁宝宝可以吃扑尔敏吗 满月后宝宝不喝夜奶 两个月宝宝嘬嘴唇 明星生宝宝间隔 两岁宝宝小便疼 憋着 两岁宝宝正常鼻腔 两个月宝宝有点黑 快生了宝宝只是半入盆 梦到宝宝名字算胎梦梦 两个月宝宝嘬嘴唇 两岁宝宝可以吃扑尔敏吗 两岁宝宝疱疹性发烧 亚星官网 亚星官网 亚星官网 亚星官网 亚星游戏官网 无道圣人 我的影子瞒着我,偷偷无敌 异能上身 网游之星日 幽冥古神 亚星游戏官网 万利游戏官网 万利官网 亚星游戏官网 澳门葡京官网 女宝宝在12周心跳多少算正常值 女宝宝在12周心跳多少算正常值 两个月宝宝头围怎么量 两个月宝宝有点黑 满月后宝宝不喝夜奶 两个月宝宝嘬嘴唇 两岁宝宝怎么排湿气 俩个月宝宝拉绿色膏状 两岁宝宝疱疹性发烧 两岁宝宝喝伊利qq星 满月后宝宝不喝夜奶 六个月宝宝脸上有红血丝怎么回事啊 两岁宝宝哭时舌头不动 梦到宝宝名字算胎梦梦 两个半月宝宝睡觉突然大哭是怎么回事 梦见自己怀孕生宝宝 女宝宝在12周心跳多少算正常值 女宝宝在12周心跳多少算正常值 两岁宝宝可以吃扑尔敏吗 两岁宝宝哭时舌头不动 六个月女宝宝十二斤半 两个半月宝宝睡觉突然大哭是怎么回事 两岁宝宝小便疼 憋着 满月宝宝白天要玩多久 两个月宝宝头围怎么量 梦见自己怀孕生宝宝 满月宝宝阴囊一大一小 苗肤康宝宝可以用吗 两岁宝宝可以吃扑尔敏吗 满月宝宝白天要玩多久