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
电视剧活着再见13画心师电视剧全集免费电视剧天骄bt种子电视剧娃女第一集播放妈妈的第五任丈夫电视剧2016赵丽颖最新电视剧电影有哪些盗墓笔记电视剧xiazai电视剧天骄bt种子电视剧?w山里红罗海琼于和伟电视剧七零后武侠电视剧电视剧活着再见13古代杰出人物电视剧电视剧黑三角视频电视剧天骄bt种子罗海琼于和伟电视剧镇魂街真人版电视剧12电视剧关于尹家的电视剧关于尹家的刘学义演的电视剧哪个电视剧里有天宇这个名字电视剧关于尹家的电视剧?w山里红李二牛的电视剧妈妈的第五任丈夫电视剧2016梦幻诛仙电视剧高清版电视剧娃女第一集播放李二牛的电视剧美国神仙电视剧大全2015古代杰出人物电视剧大炎 一个传承了万年之久的帝国,正在走向末路,其庞大的身躯在也支撑不起这个逐渐腐朽的国家,其余各大帝国看到这个庞大的身躯以不在散发威势,准备靠近这个身躯分而食之的时候,却在此时各国传出龙凤两阁出世,两阁派出龙行使和凤行使行走天下,随即天下在一次的风云再起,一场风暴在所难免。 人的命运,得看机遇。 吴晓是一位大学毕业生,可是在这个大学生如白菜一样的年代,毫无背景的他想要找一份好的工作已是不容易,更别提出人头地,有一番成就了。 在一次偶然他遇到了神奇的超级智能系统,从此他的人生发生了翻天覆地的变化。。。“女帝求放过,我真的顶不住了啊!” 萧青城穿越玄幻世界,拜入太虚圣地。 本以为自己可以一路高歌,过五关斩六将,却没想到自己天资平平。 再快要被太虚圣地清退之前,萧青城发现自己居然可以看到别人身上的机缘线。 “我居然截胡了一个红色机缘!” “发了发了,是无上剑骨!” “无名强者的剑道真意?红色机缘?” “是我的了!” “咦?这里怎么还有一个金色机缘?” “不管了,先到先得!” 从此以后,萧青城结交各路女帝和各种天命女主,截胡打脸众多天命之子的机缘。 不知不觉间,他已踏上武道之巅,坐拥江山无数。 然而,有一天,他的秘密突然被一位女帝发现。 “萧青城,还我机缘!” “不,我没有,这是我先找到的!”顾星辰,云锦山有史以来最年轻的天师,通阴阳明医术,占卜看相无所不能。五年期满,返回云镇,自此一代天师之名不胫而走。 风水堪舆,易如反掌;不治之症,一针救魂;牛鬼蛇神,一剑平之。 小小云镇,很快就成了首富大佬挤破头都想瞻仰的神圣之地。小小天师,畅游都市,只手定乾坤!一个出身贫寒的人 ,进入警局有多大的用处现代科技盛行的时代,神异力量复苏。 正义与黑暗的抉择,科技与神异者的斗争正式打响。 这个世界谁对谁错,需要新的法则来制衡。刘昊穿越到了大唐,大明,魏蜀吴三国并存的世界。 还成了实力吊车尾的蜀汉后主刘禅 吊车尾怎么了,蜀汉国运衰落又怎么了? 刘昊直接到大唐当起说书人,将赵云长坂坡救主的故事变成自己带着赵云杀穿长坂坡。 什么饮马瀚海,封狼居胥,直接扣在自己头上。 靠着历朝各代载入史册的事迹,直接在大唐封神。 什么独步天下李元芳,神探狄仁杰,应梦贤臣薛仁贵,纷纷收入麾下。少年天才于洋来到黄海市当保镖,且看他如何走上人生巅峰 江南水乡,一俊俏女子在等待着自己心仪的男子 天下,朝廷,藩王,蛮夷之间的摩擦愈演愈热 江湖,即将到来的战争使江湖暗流涌动 少年。。。一个喜欢吃凉面的男孩却意外穿越到异世界,却凭借着凉面扬名整个世界,是命运的安排,还是执棋人的棋子……
阳春暮雪 我的世界维度战争 死亡祭禁 丑嬉 婚外不容爱 星穹之子 幕后,我的马甲遍地走 伯爵石城之大乘洞天 三剑诛天 庶子谋路 元宇宙:开局建立神级文明 废土之上 茅山道徒 桃源小天师 异常生物收容所 天朝往事 元宇宙 菩提 南国穿越狂兵 诡异直播:我镇压一切恐怖 力道神尊 芈月传奇 电视剧全集下载 乱世红粉电视剧剧情 镇魂街真人版电视剧12 电视剧关于尹家的 芈月传奇 电视剧全集下载 佛陀印度电视剧第55 中国一日本电视剧 红日电视剧.. 梦幻诛仙电视剧高清版 古代杰出人物电视剧 电视剧?w山里红 三喜的电视剧 在线优酷电视剧全集在线 罗海琼于和伟电视剧 赵丽颖最新电视剧电影有哪些 妈妈的第五任丈夫电视剧2016 中国一日本电视剧 梦幻诛仙电视剧高清版 哪个电视剧里有天宇这个名字 电视剧活着再见13 乱世红粉电视剧剧情 电视剧天骄bt种子 画心师电视剧全集免费 电视剧黑三角视频 罗海琼于和伟电视剧 在线优酷电视剧全集在线 梦幻诛仙电视剧高清版 画心师电视剧全集免费 哪个电视剧里有天宇这个名字 梦幻诛仙电视剧高清版 妈妈的第五任丈夫电视剧2016 乱世红粉电视剧剧情 电视剧铁血征 #65533; 电视剧活着再见13 李二牛的电视剧 妈妈的第五任丈夫电视剧2016 电视剧铁血征 #65533; 镇魂街真人版电视剧12 在线优酷电视剧全集在线 电视剧天骄bt种子 电视剧娃女第一集播放 有关高手的电视剧 刘学义演的电视剧 三喜的电视剧 电视剧黑三角视频 乱世红粉电视剧剧情 三喜的电视剧 电视剧娃女第一集播放 美国神仙电视剧大全2015 盗墓笔记电视剧xiazai 亚星官网 亚星游戏官网 亚星游戏官网 亚星官网 亚星官网 风楴夜 探险日记1 阳神:我天下无敌! 华夏神坻 生死鬼瞳 亚星官网 万利官网 欧博官网 亚星官网 AG真人 芈月传奇 电视剧全集下载 三喜的电视剧 美国神仙电视剧大全2015 梦幻诛仙电视剧高清版 电视剧娃女第一集播放 电视剧活着再见13 能看会员电视剧的地址 迅雷下载 李二牛的电视剧 电视剧黑三角视频 画心师电视剧全集免费 电视剧娃女第一集播放 电视剧?w山里红 电视剧?w山里红 妈妈的第五任丈夫电视剧2016 在线优酷电视剧全集在线 哪个电视剧里有天宇这个名字 画心师电视剧全集免费 中国一日本电视剧 电视剧?w山里红 芈月传奇 电视剧全集下载 佛陀印度电视剧第55 赵丽颖最新电视剧电影有哪些 红日电视剧.. 中国一日本电视剧 电视剧黑三角视频 古代杰出人物电视剧 电视剧铁血征 #65533; 电视剧?w山里红 罗海琼于和伟电视剧 李二牛的电视剧