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
驾校离合回弹力大驾校的招生广告词大全驾校车开坏了驾校车内监控驾校车载设备驾校离合回弹力大驾校的场地费驾校车开坏了驾校的电车驾校挡位置驾校大厅欢迎词驾校离合回弹力大驾校倒库复库驾校大厅欢迎词驾校车开坏了驾校挡位置驾校的车擦坏驾校车载设备驾校车载设备驾校老板不给安排学车驾校的分工管理驾校大包还让交钱驾校的车转向灯怎么打驾校可以上市吗驾校车上的摄像头拍照驾校定制驾培驾校车内监控驾校可以每天练车吗驾校老板不给安排学车驾校的报名费杭州这是一个强者为尊,弱肉强食的世界。 天生丹田堵塞,无法修炼的少年,终究凭借自己的毅力踏上武道巅峰。疑难杂症,罕见绝症,一切我都手到擒来,玉石翡翠,文玩古董,一切真伪我都轻松分辨!校花,空姐,总裁,一切美女都为我倾倒!因为我有一双看破虚妄之眼。 落魄医道家族秦飞宇意外激活家传至宝,拥有透视眼,获得家学,从此成为一代医学圣手!慕子垣宅在山头,感天地造化想创出自己独属的剑道流派,正当玄妙之境发现发已雪白,正当他心满意足收剑入鞘。 门口哗啦啦一片人山人海,早已没落的剑宗老宗主泣涕涟涟的拍他肩膀,向门外介绍道: “这就是我们门派的新一任剑尊了。” 慕子垣:???等等,门派剑尊是按照什么选的?不要把这么大的锅甩给我啊—— 多年后,登仙榜第一的剑道尊者只能对一个个崇拜者端着仙气飘飘的样子点头,为了不在被挑战的时候身败名裂,只好修行成仙界第一了。在剑下活着,或者死在剑下。 人,比自己想象的要自由。 这是一条恶魔之子的求仙路。七个身份各异的人,怀着不同的目的聚集于那存在于幻影中的真实城市耐心聆听“神官”的祷告“那沉眠于虚假之中的主啊,您可伶的子民祈求着您于沉眠之中睁眼,将您的子民带入您的神国” 在那一天公司聚会陆游喝醉了,一觉醒来看着尸骨遍野的周围以为到了乱葬岗却不成想那是张角的黄巾起义。 至此他默默的加入了十八诸侯,看见了三英战吕布、见证了火烧赤壁败走华荣、也逢上了秋风五丈原、三家归晋。孙玄意外穿越到了西游记的世界,和孙悟空一起从石头中蹦出,凭借着未卜先知的能力,兄弟二人也在改变着自己的命运!神瞳:你有病吧? 主角:你才有病。 主角:我的神瞳可能有点怪。 …… 主角:你为什么不按天赋来。 神瞳:可能因为我有点怪。 神瞳:变得更强,不好吗? 主角:我想要正常的,能变回来吗? 神瞳:不能。叶阳怎么想都没想到自己的女徒是一位剑帝! 除了剑帝,叶阳也没想到她会如此绝情! 无敌一剑,天道破碎,灵缺崛起,阴晴圆缺。 天才肆起,天道有灵?此界生灵,该向何处? 缺灵缺灵,再也无缺。救世残缺,伊在何方? 叶阳,一位空头剑宗宗主,自有一剑,可破天开地。 东方青,一位无情剑道女帝,她有一情,可翻星倒界。 (简介就这样,大伙看个乐呵就行。)天地骤变,神魔大乱,颠倒世界,唯有救世,修真大陆来了一位天尊,他的出现改变了世界的混沌,可惜付出了相应的代价,世界被分成七座大陆,和平共处,它们成为了连接世界的桥梁,世界被拯救,可惜再也见不到这位天尊了
世不变界变 黯茫 奇剑幻魔录 大唐:开局震惊武则天 小老虎大冒险 寂寞空间 领主求生之从零开始 抗战之谍影重重 我在末世那点事儿 黄墚记 进化文明年编史 未日没神录 逍遥小掌柜 神明的到来 崭然点框眼 家国二百年 修仙从继承灵兽铺开始 玄天戟 行走在理想尽头的旅者 爱在下一个世界复苏 驾校的招生广告词大全 驾校挡位置 驾校的车擦坏 驾校车载设备 驾校的招生广告词大全 驾校可以换场地学吗 驾校的车坏了怎么办 驾校档案要交费吗 驾校可以换场地学吗 驾校倒库复库 驾校的车转向灯怎么打 驾校的车转向灯怎么打 驾校可以上市吗 驾校挡位置 驾校离合回弹力大 驾校车上的摄像头拍照 驾校的车怎么发火 驾校定制驾培 驾校的教练车 驾校离合回弹力大 驾校当教练员工资多少 驾校车开坏了 驾校的教练车 驾校大包还让交钱 驾校档案要交费吗 驾校课时过了就不管了 驾校定制驾培 驾校的教练车 驾校的分工管理 驾校定制驾培 驾校车载设备 驾校当教练员工资多少 驾校车内监控 驾校离合回弹力大 驾校可以上市吗 驾校车上的摄像头拍照 驾校车里装了监控吗 驾校的车坏了怎么办 驾校可以上市吗 驾校车里装了监控吗 驾校车上的摄像头拍照 驾校档案怎么提出来 驾校老板不给安排学车 驾校的车怎么发火 驾校大厅欢迎词 驾校当教练员工资多少 驾校的车转向灯怎么打 驾校车上的摄像头拍照 驾校课时过了就不管了 驾校的场地费 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 修一念逆天 元宇宙:我从现实挑演员 老虎和美女有趣的玩乐 与温韬同行 郑熙破面撞物异世人生巅峰 欧博官网 百家乐官网 亚星管理平台 欧博官网 亚星管理平台 驾校可以上市吗 驾校可以换场地学吗 驾校当教练员工资多少 驾校可以每天练车吗 驾校老师骚扰 驾校大包还让交钱 驾校老师骚扰 驾校的车转向灯怎么打 驾校车开坏了 驾校的车转向灯怎么打 驾校的报名费杭州 驾校的电车 驾校车上的摄像头拍照 驾校的招生广告词大全 驾校车上的摄像头拍照 驾校的报名费杭州 驾校大包还让交钱 驾校车上的摄像头拍照 驾校的车转向灯怎么打 驾校大包还让交钱 驾校挡位置 驾校的车坏了怎么办 驾校挡位置 驾校老师骚扰 驾校档案怎么提出来 驾校老板不给安排学车 驾校定制驾培 驾校离合回弹力大 驾校的场地费 驾校车内监控