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班头像雷政富头像半侧头像青羽头像雷政富头像包丞头像13班头像腮红头像小冰棍头像小冰棍头像高污头像赚大钱头像姓氏头像康师子的头像qq头像青初见头像动漫刀头像以前用过的头像那里找QQ墙头像高污头像小社会头像 一个从死人堆里爬出来的普通士兵,忘记了前世今生,看着眼前这片陌生的世界,好奇,孤寂,恐惧…… 天有多高?三杯烈酒攀苍穹。 地有多厚?痴人一梦十殿游。阴阳轮转,万物竞而相生,至于大千世界如梦如幻,有两脚兽,于荒芜中拓得一方之地、于大河取得一渠之水,生火以驱黑暗、烹生肉、驱毒虫、避野兽,繁衍、生息...... ...... 就算火焰焚尽每一寸骨与肉,也要在虚空中用鲜血刻下前进的道路;就算战争使得伏尸百万、流血千里,也不能放弃抗争;就算前方除灭亡外别无他路,也不可苟活以行尸之躯。 ...... “诗”是“烬”汇聚累积后注定的爆发,是绚烂史诗中拼搏的诗篇。 ...... 这是一个平凡的人,历经毁灭与绝望,不断坚韧、强大,为跨越数百亿年、无尽星空的宏大史诗写上最后的诗篇的故事。 ...... “天干物燥~~~”“小心火烛?”“小心自燃!”火力不足大帝如是说。 一重人界,八重境界,人尊之道,帝王之界 这里是一片强者为尊的大陆,俗称百川大陆 由上古人尊盘古之躯体化身而成 这里没有任何天外之力,人们只能以修炼精气来强化自身,而修炼精气的人被称作斗士,并通过学习各色秘典来与他人对抗。 精气以强度划分,精气一百年为基础,精气两百年为一重入道,精气四百年为二重人道,精气六百年为三重生道,精气一千年为四重寿道,精气两千年为五重论道,精气五千年为六重真道,精气八千年为七重岁道,精气一万年为八重尊道。 秘典分为三类,分别是心典、武典、气典。 品阶分为七色:白、绿、蓝、紫、黑、金、红,并且与药材的等级划分相对应。 百川大陆当今被两大王朝所分割,分别是北方的靖川王朝和南方的雪燕王朝。 斗士的世界,王者争霸!煮夫是个大纲废、取名废、简介废,但是唯独文笔和构思不废,喜欢看不一样的故事就请看我的书吧,本来起纲的时候是都市纪实向或者恐怖灵异向的,结果,结果因为很多东西太敏感不能写,一不小心就涉黄涉政涉黑涉毒了,所以就只能改了,以下是我坦白的内容: 这个故事呢,大体是一个叫石羽白的“年轻人”带着自己送上门的老婆孟婆神“孟芝兰”别样的强者归来之路,也没写什么大事儿,就是破个九煞改命局、破个擒天锁地阵、再盗个太古神墓啥的,顺手暴锤一下巡天夜叉王,破解了先天十六卦之谜这种小事都不值得一提了。别人笑我太疯癫,我笑他人看不穿。 一个北宋戏本里的纨绔加反派,面对正义的惩罚、面对其他反派的排挤,用不羁的行为荒唐应对。 面对忠臣的指责,曹斌表示,我虽身在曹营,心却属汉,请不要叫我曹贼。 本书讲述,这个毫无背景的农村小孩,如何破除万难,努力奋斗,机缘巧合之下,当上了派出所的辅警,后又种种立功,最终成为一名人民警察。 自此,开启开挂人生,屡破大案,屡立战功,锄奸扶弱,后来成为一名黑帮卧底,破坏犯毒大案,最后为兄复仇。 草根青年,从零开始的励志故事,热血,青春,奋斗!!!酆都鬼门大开、黄泉河巨藤生长、富士山喷出拉普达城、达尔瓦扎坑洞崩塌、胡斯卡古堡发出怪笑声…… 世界大变,出现闻所未闻的怪物,人类生存堪忧,无知少年誓要揭开地球的秘闻,踏上金字塔顶峰! 【喜欢就点个收藏吧,各位看官】异族压迫,人族式微,危急时刻,星宇大帝力挽狂澜,阻异族于银河战线,异族均不敢越雷池半步。 星宇大帝开创先河,将古武融入科技,彻底逆转了人类羸弱的局面。而后,他又突然消失!异族喘息之后再次大军逼近…… …… 苏星河,一名普通的中学生,以梦境为起点,亦步亦趋,最终带领人类横推异族……在病床上躺了17年的沈安康终于2013去世,灵堂上看见哭的几番昏厥的父母,黯然神伤。 头七刚过,灵魂好似被吸尘器大力拉扯而走。 来到一个叫凤岭洲的地方,又重活了一世,这个地方有着会飞天的仙人.有会挥手成山的壮汉,也有从火焰中走出来的道士。 包子、馒头、薯片、辣条、红烧肉、佛跳墙各种各样的美食映入眼帘,比汽车更快的马车、比飞机更快的飞禽坐骑。 道灵体的沈安康会在这异世界闯出何等风头 敬请期待!!什么?赤犬想打我? 小冯啊,立马变成赤犬,拍一套赤犬猛男写真,立马发售! 雷洛斯前辈,赤犬认错了。 小冯,走,再看看谁不服,直接拍落照。 前辈,服了服了,都服了! 大家全部都在门口排队认错呢!
宇宙星河之地平线下 黑与白第一季蛮荒之境 天下第一剑修 小道游人间 网游:我能无限强化技能 猴国编年史 误把女总裁拉进家庭群,她聊上了 魔书江湖录 小侦探高杰米 穿越从无敌开始 世不变界变 我是流浪者 全球倒数计时 天外葬礼 大宋狂医 怪物猎人有单 少爷,别怂! 无向之上 与你最后的七日 穿越四年,突然被追杀? 霸气攻头像 13班头像 腮红头像 小冰棍头像 霸气攻头像 背景的头像 头像制作吧 切面头像 动漫刀头像 青羽头像 师子的头像 师子的头像 qq头像青 13班头像 半侧头像 初见头像 找相似头像 动漫刀头像 术士头像 半侧头像 动画头像吧 包丞头像 术士头像 姓氏头像康 切面头像 qq头像青 动漫刀头像 术士头像 赚大钱头像 动漫刀头像 小冰棍头像 动画头像吧 以前用过的头像那里找 半侧头像 qq头像青 初见头像 一起变老头像图片 头像制作吧 qq头像青 一起变老头像图片 初见头像 锐雯同头像 高污头像 找相似头像 雷政富头像 动画头像吧 师子的头像 初见头像 水泼墨头像 燕字个头像 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 神豪:我呼吸就赚钱 来自云梦山 穿越之荒唐人生 全球异化之暗影前驱者 神医胆子大,校花放产假 亚星管理平台 万利游戏官网 万利官网 亚星管理平台 澳门葡京官网 雷政富头像 锐雯同头像 师子的头像 锐雯同头像 动画头像吧 小社会头像 半侧头像 以前用过的头像那里找 包丞头像 头像制作吧 青羽头像 头像制作吧 背景的头像 qq头像青 头像制作吧 动画头像吧 qq头像青 头像女日系 高污头像 术士头像 一起变老头像图片 腮红头像 背景的头像 qq头像青 QQ墙头像 找相似头像 姓氏头像康 切面头像 师子的头像 赚大钱头像