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
狗狗吃错东西一直吐狗狗潮湿真菌狗狗吃错东西一直吐狗狗吃淡的对毛发好。狗狗吃到84消毒液狗狗吃臭屁虫狗狗肠胃感冒是否好转狗狗吃错东西一直吐狗狗肠炎要检查些什么狗狗肠胃不适吃什么狗狗肠胃不好能喝羊奶吗狗狗吃错东西一直吐狗狗肠胃不适吃什么药好狗狗肠胃不好能喝羊奶狗狗吃错狗粮什么反应狗狗肠胃不适吃什么狗狗肠胃损伤怎么回事狗狗肠胃不好可以吃什么药最好狗狗肠胃不好可以吃什么药最好狗狗吃差的狗粮狗狗肠子划破了有什么狗狗肠胃不好可以吃什么药最好狗狗肠炎要检查些什么狗狗吃饱了胃痛狗狗吃到84消毒液狗狗吃84中毒死了狗狗吃淡的对毛发好。狗狗吃饱了胃痛狗狗吃差的狗粮狗狗肠胃不适吃什么药好一个出身贫寒的人 ,进入警局有多大的用处新人一枚,请多多支持,不喜勿喷这是一个充满斗气和魔法的世界,这是一群正义和自由的佣兵,跟随他们的脚步,去到目光所及的每一个地方,留下永恒的传奇。 古往今来,世间流传仙、神的传说,而时至今日,仙路缈缈,已然进入末法时代。 天空中,有人矗立,乌云压顶、身处雷电中心;海面上,有人漫步而来,由远及近,片刻却又消失不见,这些是海市蜃楼产生的幻觉? 有传言,海市蜃楼是连接另一时空的桥梁,聚现另一个世界正在发生的景象! 神话故事是否虚构,仙、神,真的存在过吗?“叮!最强僵尸系统绑定中……” “系统绑定成功,使用者:叶晨(初级白僵)!” 一觉醒来,叶晨穿越到了僵尸先生电影世界里。 别人穿越不是尸祖就是尸王,可叶晨却发现自己变成了一只最弱的白毛僵! 在这个道士和僵尸并存的世界里,处处潜藏着杀机。 为了增长实力,叶晨掠夺中品养尸地,击杀任老爷获取系统丰厚奖励。 步步为棋,逆天改命,最终成就至尊尸神之位!几十亿人被传送到了末世,活下去成为了所有人共同的目标。 苏东觉醒系统,不仅可以伪装成其他人,还可以伪装成丧尸或者是变异生物。 并从被伪装者身上,抽取物品或者能力。 伪装成散打冠军,获得自由搏击经验! 伪装成丧尸,找到成堆的物资! 伪装成变异生物,获得超强自愈能力! 在所有人都朝不保夕,艰难求生之时,苏东已经把自己的次元空间,建造成了生存基地。 优哉游哉的种田养殖、喝着红酒、吃着烤肉…… 我们是生活在一个多维的空间,现在所处的三维空间只是其中很小的一部分,其他空间到底隐藏着什么奥秘需要我们不断地探索。现代人的大脑开发只有10%,就连爱因斯坦的大脑使用率也只有15%。而古时人类大脑使用率是100%。有些事情不是你解释不了就认为不存在,那是因为你的大脑使用率太低了。特异功能的修炼过程也是在逐渐提高人类的大脑使用率的过程,当你的能力达到一定水平之后很多问题将迎刃而解。绝对控制的力量……时间。 罗克死后,当一块三角形的岩石与他的灵魂融为一体时,他神秘地重生在了舜龙几近死去的身体里,顿时一股信息涌入了他的脑海。 他现在发现自己置身于一个神秘的世界,这里到处都是拳毁高山,剑劈大海的异常强大的修真者! 这就是舜龙在修真界的磅礴征程,他与天才斗智斗勇,成就炼丹与武道的巅峰!你见过穿越修仙界自带键盘的男人? 没错,楚长柯!震惊长安第一人! 灯火夜明长安城,惊天动地笑长安。 键盘?拿来吧你,金身?拿来吧你! 欢迎来到七百年的修仙世界。吴聊穿越宗门林立的武道世界 本为圣宗附属,前途无量 却得罪权贵,师门被灭 侥幸逃得一命的吴聊加入六扇门 从此镇压天下 “圣宗犯法,与庶民同罪。” “凡违背人道,犯我大乾律法者,虽远必诛!”
入赘仙宗,谁敢说我老婆丑 异世界:开局对战最强勇者 全民国主:我有帝皇模拟器 我不想来大唐 神诡世界,一刀劈开生死路 逍遥不记年 俺是一个保安 重生之我要当最强召唤师! 生活在月球 无限绝境 养你杀我,将我救赎 武神魔心 三国之铁汉柔情 秦始皇的新生 九魔圣墟 尨祀悳 上岸日记 穿越异世只想普通的活下去 末日求生之我没有挂 我在修真世界当黑道 狗狗车祸后一直舔鼻子 狗狗肠胃不好疼吗 狗狗肠胃损伤怎么回事 狗狗吃到84消毒液 狗狗车祸后一直舔鼻子 狗狗吃包菜吃生的熟的 狗狗肠胃炎拉血吗 狗狗肠胃不适吃什么食物 狗狗吃84中毒死了 狗狗肠胃不适吃什么药好 狗狗肠炎要检查些什么 狗狗肠胃药怎么喂 狗狗吃鳖蛋有什么用吗? 狗狗肠胃不好疼吗 狗狗吃臭屁虫 狗狗吃到84消毒液 狗狗肠胃炎拉血吗 狗狗吃84中毒死了 狗狗肠子划破了有什么 狗狗吃错东西一直吐 狗狗肠胃不好疼吗 狗狗吃错狗粮什么反应 狗狗潮湿真菌 狗狗肠胃不好能喝羊奶 狗狗肠胃不适吃什么 狗狗吃鳖蛋有什么用吗? 狗狗吃84中毒死了 狗狗潮湿真菌 狗狗肠子划破了有什么 狗狗吃84中毒死了 狗狗吃到84消毒液 狗狗肠胃不好疼吗 狗狗吃淡的对毛发好. 狗狗吃臭屁虫 狗狗吃饱了胃痛 狗狗吃到84消毒液 狗狗吃淡的对毛发好. 狗狗肠胃损伤怎么回事 狗狗吃鳖蛋有什么用吗? 狗狗吃错狗粮什么反应 狗狗吃淡的对毛发好。 狗狗肠胃不适吃什么药 狗狗吃撑了容易拉稀么 狗狗肠胃药怎么喂 狗狗肠胃不好能喝羊奶 狗狗肠胃不好疼吗 狗狗肠胃药怎么喂 狗狗吃淡的对毛发好。 狗狗吃鳖蛋有什么用吗? 狗狗肠胃感冒是否好转 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 从学园开始当主神 六六班对抗办公室邪恶势力 回归悲凉 风起长乐 穿越在崩坏从死士开始 亚星游戏官网 万利游戏官网 欧博游戏官网 亚星游戏官网 欧博官网 狗狗肠胃感冒是否好转 狗狗潮湿真菌 狗狗吃撑了容易拉稀么 狗狗肠炎要检查些什么 狗狗吃淡的对毛发好。 狗狗吃饱了胃痛 狗狗肠炎要检查些什么症状 狗狗肠胃不适吃什么食物 狗狗肠胃不好可以吃什么药最好 狗狗肠胃不好能喝羊奶 狗狗吃错狗粮什么反应 狗狗吃淡的对毛发好。 狗狗吃臭屁虫 狗狗肠胃不适吃什么 狗狗肠胃感冒是否好转 狗狗吃饱了胃痛 狗狗吃错狗粮什么反应 狗狗肠子划破了有什么 狗狗吃差的狗粮 狗狗肠胃药怎么喂 狗狗吃淡的对毛发好。 狗狗吃包菜吃生的熟的 狗狗肠胃不适吃什么食物 狗狗肠胃不适吃什么食物 狗狗吃鳖蛋有什么用吗? 狗狗吃差的狗粮 狗狗吃84中毒死了 狗狗吃淡的对毛发好. 狗狗吃撑了容易拉稀么 狗狗肠胃不好疼吗