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
男生卡通头像霸气头像可爱萌萌黑白太阳手牵手头像男士头像视频教学日系唯美男生头像动漫图片大全2015男生卡通头像霸气千万两招财猫头像太阳手牵手头像真人头像的动画图片大全眼镜男卡通头像圆形用最帅的照片做微信头像图片大全男生卡通头像霸气粉红色背景男头像用最帅的照片做微信头像图片大全太阳手牵手头像灰太狼大叔头像图片情侣头像狗可爱图片大全可爱日系唯美男生头像动漫图片大全2015日系唯美男生头像动漫图片大全2015古典头像卡通动漫个性网性感情侣头像欧美范唐僧五人头像真人头像的动画图片大全深蓝色男头像卡通黑暗头像女生头像图片大全图片大全头像女生简单气质英文怎么说男士头像视频教学非主流蓝色系头像男古典头像卡通动漫男生图片人头像高清生命就是一场经历。没了高中的紧张,大学里放松了很多。 思想上的经历,可以通过多读书来实现。但生活上的经历,只能是自己切身体会。 大学四年,在酒吧兼过职,处了舞蹈系最漂亮的女朋友,球场上跟体育生比过武,跟英语专业最牛逼的男生交了朋友,社团招新上出名全校,也受过其他学生的欺凌,看到过同学生命的逝去,也一直结识更多新的朋友。 小说来源于现实,现实又何尝不是一部小说。这是发生在一个架空世界『塞图尔』的故事,在这个世界,所有的物种都有成为神的机会。当然是有条件的,拥有『武装』,这些拥有武装的人都被称为『武装者』。在这个世界,分为『兰科特』『明华』『空』三个国家,而联盟则是三个国家共同创办的独立机构,专门培养年轻的武装者,然而许多年过去,却谁也没有发现联盟的阴谋……【热血奶爸+超级神豪系统+幽默沙雕】   “张昊,我生了你的宝宝,三胞胎!”   “啥?”   看着眼前的美女校花,张昊满脸震惊!   这时……   “叮~恭喜宿主激活超级奶爸系统!”   “叮~给宝宝做饭,奖励超级厨艺!”   “叮~给宝宝唱哥,奖励超级音乐天赋!”   “叮~跟老婆造娃,奖励一百亿!”   张昊:什么情况?我咋蒙圈了呢???“但得妖娆能举动,取回长乐侍君王......” 我竟穿越到了气运即将耗尽的商纣? 而且我还就是那个最昏庸无道的纣王帝辛? 骂我好色?忍了! 骂我嗜酒?也忍了! 骂我昏君?绝对不行! 拉龙族灭灾患抗天庭,维护人皇权威! 盈国库普教育得民心,重振大商雄风! 天庭西方阐教,我都不服 人族神族妖族,我全都要 我就是人皇帝辛!史上第一明君!剑走轻灵,取日月之息,潇洒江湖。然而,剑道漫漫,成功者寥寥无几。在世间剑修没落的时候,一位少年阴差阳错走上了习剑之路……死了?死了就期待未来可以有一个全新的开始 居然真的遇上了转生的奇幻剧情?天性怪癖的我绝对要在这个世界重新来过,那么,踏踏实实的走好每一步。虽然一眨眼就成为了白狼之间的王者,但是还算是可以接受的正常开局。于是,繁琐而又快乐的异世界生活开始了。穿越到大丰界的秦风,本以为能够成仙问道,潇洒过一生。但没想到自己身中火毒,只剩两百年的寿命,算了,该吃吃,该喝喝,按部就班就好,道——不可强求。邓温桀一万五千年历经万般磨难终晋升散仙,闯过仙界之门入得仙界三十三天。 作为仙界初来乍到之辈,为求生存,当值于第一天【梵度天】廉贞星君之位。一求功德,二求大树底下好乘凉。 在当值了一千五百年后,终于明白,这颗大树,十分脆弱,界主之位每千五百年移位是常有的事....... 本书借用游戏【想不想修真】仙界设定为本,侵删,望周知。 本书因为背景是仙界,所以天这个字,一般用来代表仙界三十三天中的某一天。也可以理解为某一界。一个二十一世纪的屌丝,刚完成一单新闻,猝死出租屋,还不知道有没有人收尸就来到了楚国,一个有着宋的憋屈明的铁血的平行空间还是异世界?总之不小心成了异性王唯一的子嗣,可能出场姿势不好,被人用锤子打出了的。周边都是贼兵蛮子鞑子,好在有后世的天线一条,不至于被古人玩死成为最惨穿越者,一路泡妞打蛮子,没事就种种地!当然是真的种地。沉睡的过去即将苏醒,未来究竟何样。 时代的抛弃者 时代的逆行者 时代的改变者 时代的终结者 我——曹华!终将结束一切
封魔录之天地裂变 帝王梦记 惊悚游戏:我把厉鬼玩坏了 我的人生不摆烂 平凡之一 转生!成为白狼女王 神医下山:我的绝美未婚妻 全网狂黑,我逆流而上 精灵世纪:王者归来 王爷凶猛 八十锤 T3 这次穿到哪? 雷狼之旅 盖世小仙医 玩转大明帝国 东华大帝传 缩小人类:微缩纪元 内心的欲望 仙玄御界 从鬼灭之刃开始的虚空之力 头像女生简单气质英文怎么说 灰太狼大叔头像图片 头像女和狗狗可爱图片 日系唯美男生头像动漫图片大全2015 头像可爱萌萌黑白 非主流蓝色系头像男 头像女和狗狗可爱图片 高清文艺漫画头像男生图片 可爱粉嫩头像女生头像 粉红色背景男头像 我要个性网姐弟头像 我要个性网姐弟头像 深蓝色男头像 灰太狼大叔头像图片 男生卡通头像霸气 卡通黑暗头像女生头像图片大全图片大全 高清唯美cp头像 头像女生简单气质英文怎么说 微信苹果图片头像图片 太阳手牵手头像 个性网搞笑猫头像欧美头像 太阳手牵手头像 微信苹果图片头像图片 唐僧五人头像 眼镜男卡通头像圆形 水墨头像余 头像女生简单气质英文怎么说 微信苹果图片头像图片 微信苹果图片头像图片 可爱粉嫩头像女生头像 日系唯美男生头像动漫图片大全2015 个性网搞笑猫头像欧美头像 男士头像视频教学 男生卡通头像霸气 深蓝色男头像 卡通黑暗头像女生头像图片大全图片大全 男士头像视频教学 头像女和狗狗可爱图片 深蓝色男头像 攻受头像 失禁 卡通黑暗头像女生头像图片大全图片大全 高清文艺漫画头像男生图片 古典头像卡通动漫 高清唯美cp头像 用最帅的照片做微信头像图片大全 个性网搞笑猫头像欧美头像 我要个性网姐弟头像 卡通黑暗头像女生头像图片大全图片大全 水墨头像余 情侣头像狗可爱图片大全可爱 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 封印神明 盗墓传说之锁魂七窍玉 纷扰如迷雾,逍遥且徐行 梵修罗三莫问今朝 异魂行者 澳门葡京官网 AG真人 快连下载 澳门葡京官网 欧博官网 用最帅的照片做微信头像图片大全 千万两招财猫头像 用最帅的照片做微信头像图片大全 日系唯美男生头像动漫图片大全2015 灰太狼大叔头像图片 水墨头像余 枫叶做头像 古典头像卡通动漫 粉红色背景男头像 灰太狼大叔头像图片 男生图片人头像高清 微信苹果图片头像图片 头像女生简单气质英文怎么说 男生图片人头像高清 卡通黑暗头像女生头像图片大全图片大全 头像可爱萌萌黑白 非主流蓝色系头像男 非主流蓝色系头像男 我要个性网姐弟头像 情侣头像狗可爱图片大全可爱 古典头像卡通动漫 用最帅的照片做微信头像图片大全 灰太狼大叔头像图片 个性网搞笑猫头像欧美头像 男生卡通头像霸气 真人头像的动画图片大全 头像女生简单气质英文怎么说 太阳手牵手头像 男士头像视频教学 太阳手牵手头像