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
鬣蜥之夜电影与男人合租的剧情电影鬣蜥之夜电影鬼缠身香港电影苔藓电影为什么19禁鬼马天师电影下载电影院 摸胸江户川乱步全集 恐怖奇形人间 电影爱人韩版飘花电影 迅雷下载level+7+电影几个人进入鬼屋的电影鬣蜥之夜电影吴镇宇刘仪伟主演电影日本校园拉拉电影江户川乱步全集 恐怖奇形人间 电影level+7+电影电影激情片段视频播放陈法拉类似苔藓的电影类似苔藓的电影功夫兔子电影海绵宝宝大电影歌曲类似苔藓的电影爱人韩版飘花电影 迅雷下载抗战电影的经典台词对白苔藓电影为什么19禁电影1942小女孩问逃荒是什么鬼缠身香港电影抗战电影的经典台词对白功夫兔子电影吴镇宇刘仪伟主演电影他们因不小心犯下的错误而不得不前往那那………………,那里是哪里?他们去干什么?那里有什么?……等种种问题将会在书中揭晓穿越异界,还变成了女孩。 她从弱小中崛起。 在这个强者书写真理的世界,她一路上披荆斩棘,直到俯瞰诸天,成为至高不朽王者。王陵穿越到魂兽横行、全球武魂觉醒的平行世界。 开局绑定外附武魂混元道宫,觉醒王者级双生武魂生灵圣火和混元神火,产生顶级武魂异像,震惊全球! 混元道宫加速时间,魂植成长速度是外界的千倍万倍! 生灵圣火与混元神火更是炼丹神物! 一举成为神级炼药师,复兴华夏炼药事业,成为世界第一! 所有人都认为他只是一名神级炼药师,毫无武力值。 直到有一天,魂兽侵袭生灵涂炭,人族危在旦夕。 王陵从天而降,手持宫殿脚踏神火,大手一挥,轻易化解了魂兽危机。 全世界才恍然大悟,将他供为神灵! 天宫宫主:“妖孽如此子,天佑我华夏!” 米国战神:“我不是他的一招之敌。” 魂兽之王:“如果不臣服于他,我就只有死路一条。” 帕特农神女:“他的炼丹之术让我望尘莫及,希望能与他‘单独’探讨炼药技术和魂植生命的起源。” 王陵:“其实我只想低调的做一名炼药师而已,但实力不允许啊!” 作者无聊的一些小日记吧苏石魂归异界,认识许多有趣的人,却似乎陷入一个又一个陷阱。如何在重重危机中脱身,亲爱的人一个个死去,自己却苟活于世,活得不明不白,他又如何解开这些谜团?我前世本想安安静静的做一个好人,奈何遇上了她无缘无故地挑起战争 ,最终把我逼死在战场,化身为死神 ,谁知道下一辈子依旧没有逃过这个命运,在成神入到神界之后居然还遇上了她,并且还和她成为了队友,去执行各种神罚任务 ,好慌妙啊 !机缘巧合下,林星得到了神针空间,空间里有用不尽的灵水。 灵水喷洒过的果树,果子美味。 灵水种出来的花草,品相极佳。 灵水浇灌过的药材,价值翻倍。 除了种田,神针还有别的功能等待林星一一开发! 守着山头种树养花种草,养只看家猫,林星的小日子过得不要太滋润。 三番四次偶遇大明星顾若曦,她有一个林星的秘密……我的古董店今日又有客人说要听故事了,店里一个小姑娘却打碎了我最为珍视的照片,也罢,便讲个我的回忆好了......比别人的人心更可怕的,是自己的人心。关于回忆录,所谓回忆录,那就是什么时候想起来什么,什么时候更新好了.......一心钻研医学却无意中改变人体基因的医学博士惨遭陷害,其子女宫鼎宫蕊带着实验一号潜逃活下,各方势力各怀鬼胎,多年后宫鼎学归重组父亲实验基地,为了查明当年真想却让自己掉入了更大的漩涡......剑士大陆发生巨大变动,斩妖除魔的无名者团队结束了日复一日的安逸生活,再度踏上了拯救各种族民众的旅途,他们会遇到什么?
抚爱的折痕 灵魂潮汐 异界侦探探案笔记 觉醒白毛少女画风开始变了 太古第一神王 陈炫煮妖记 重生之庶子凶猛 神明之间 天武医婿 大道执宰 热血骤燃 神降谕旨 不再正常的世界 三生石上的那株花 天空中的深渊 江湖风云诡谲 被禁锢的失落者 轮回典之六道传说 回归纪元 灵珏点将录 领袖之证 大电影 井下有鬼的电影 电影激情片段视频播放陈法拉 类似苔藓的电影 领袖之证 大电影 去请刀客没钱没饭吃的电影 韩国电影网页 丁一宇电影 电影1942小女孩问逃荒是什么 吴镇宇刘仪伟主演电影 爱人韩版飘花电影 迅雷下载 奥特曼八兄弟大电影国语版完整版 老电影片 井下有鬼的电影 鬼马天师电影下载 苔藓电影为什么19禁 韩国电影网页 电影1942小女孩问逃荒是什么 海绵宝宝大电影歌曲 鬣蜥之夜电影 井下有鬼的电影 江户川乱步全集 恐怖奇形人间 电影 与男人合租的剧情电影 日本校园拉拉电影 level+7+电影 老电影片 电影1942小女孩问逃荒是什么 与男人合租的剧情电影 海绵宝宝大电影歌曲 电影1942小女孩问逃荒是什么 苔藓电影为什么19禁 井下有鬼的电影 电影苔藓解析 鬣蜥之夜电影 抗战电影的经典台词对白 苔藓电影为什么19禁 电影苔藓解析 电影激情片段视频播放陈法拉 老电影片 江户川乱步全集 恐怖奇形人间 电影 鬼缠身香港电影 关于肢体语言的电影 恋爱三万英尺电影票房 奥特曼八兄弟大电影国语版完整版 日本校园拉拉电影 井下有鬼的电影 奥特曼八兄弟大电影国语版完整版 鬼缠身香港电影 功夫兔子电影 电影院 摸胸 亚星游戏官网 亚星游戏官网 亚星游戏官网 亚星官网 亚星官网 因果律法 君临于天 聂都后裔 复带朝阳美女来 尘与钢 亚星管理平台 万利游戏官网 万利官网 亚星管理平台 澳门葡京官网 领袖之证 大电影 去请刀客没钱没饭吃的电影 海绵宝宝大电影歌曲 鬣蜥之夜电影 类似苔藓的电影 韩国电影网页 领袖之证 大电影 关于肢体语言的电影 爱人韩版飘花电影 迅雷下载 井下有鬼的电影 电影1942小女孩问逃荒是什么 电影激情片段视频播放陈法拉 江户川乱步全集 恐怖奇形人间 电影 江户川乱步全集 恐怖奇形人间 电影 奥特曼八兄弟大电影国语版完整版 爱人韩版飘花电影 迅雷下载 新少林寺电影剧情 电影1942小女孩问逃荒是什么 搜神记 微电影 鬼马天师电影下载 老电影片 电影激情片段视频播放陈法拉 与男人合租的剧情电影 鬼缠身香港电影 奥特曼八兄弟大电影国语版完整版 鬼马天师电影下载 电影激情片段视频播放陈法拉 电影院 摸胸 鬣蜥之夜电影 领袖之证 大电影