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
莒县乡镇客车投诉电话周庄旅行电话济宁汽车南站投诉电话石家庄网吧电话号码是多少钱星海天大酒店电话莒县乡镇客车投诉电话奉节汤锅电话济宁汽车南站投诉电话菏泽到石狮的大巴电话武隆江口镇派出所电话青州市草莓采摘电话莒县乡镇客车投诉电话龙回首酒店订餐电话火车到烟台南站时刻表查询电话济宁汽车南站投诉电话武隆江口镇派出所电话兴化兄弟烧烤电话徐闻到海安港电话徐闻到海安港电话电白瑞湖宾馆电话多少惠州34路公交投诉电话徐闻到海安港电话菏泽到石狮的大巴电话鹰山真人cs电话星海天大酒店电话开封皇城水运温泉电话石家庄网吧电话号码是多少钱长寿公交车调度电话百乐烘焙郑州电话龙回首酒店订餐电话在这个世界,神就是光明,无神无光。然而早在很久之前,神就已经飞升了。作为最后的神的一脉,又会遭遇怎样的事情?迎接他们的是重生还是死亡呢?无人知晓。一直遭受女朋友母亲无情刁难辱骂为“破代驾”的他,却因其英俊,技术好被绝美女客户看中,青睐有加! 旋即,叶飞豪在卷入一场女人的战争后,可谓时来运转,竟意外获得第一桶金,并寻得惊世灵根,激发旷世医武道法! 从此他投身商海,掀波弄潮,美女财富涌来;更是纵横医武,打脸各色权贵,横扫都市,成就一代豪横世家!世界是被异常的嗜睡症击中,并出现大量人员昏迷。蔡苏宇陷入异常的嗜睡症,被转移到次元战场。人可杀仙你敢信? 在这里,修仙不再是惟一的出路,妖、魔、鬼、神,都能成为你的修炼方向。与之相对应的他们也能选择放弃出身转为人身。 天命之年也能穿越?早就被生活磨平棱角的主角重回40年前,乘着改革开放的大船,扬帆起航。 这是三十年后的地摊货?不不不,这在现在是潮流。 你是混社会的?打打杀杀没前途,跟我一起做公益吧。 你会管理?那这家公司交给你打理。 咱们老板去哪里了?听说好像在哪个五线城市开小超市呢。 咱们老板又去哪里了?听说好像在非洲某个国家打内战呢。 咱们老板又又去哪里了?听说好像在南海某个小岛钓鱼呢。 咱们老板又又又去哪里了? …… 没有大的志向,却创下了偌大的家业,面对着巨大的财富,却不懂得如何去享受,依然只是抽着十几块钱的烟,喝着自家酿的酒。你瞧,那金銮殿中,哪一个不是食人妖魔?哪一个不是鬼祟魍魉?   你看,这各地界域、州府,哪一处不是修士势力的掌中物?   你听,这是天下百姓在临死前,发出的绝望哀嚎声。   李沐风望了望双手,还有身旁的剑。 当他拔剑时,这天下的不公、这妖魔与修士定下的条条框框,皆要化作飞灰!主角房齐天是个刚高考完的学生,在接受了大学毕业后准备和同学们一起去游玩的留学生——表哥余秋明的邀请后来到了富家子弟的私人飞机上。飞机在空中飞行时进了一个虫洞,是穿越?还是穿越到古代?落地后发现这是一个名为“瑞”的朝代。 房齐天的名字变成了花零,并且在经历了许多事后被告知这是上古时代。还说希望文明回到正轨就要牺牲一个人并接受诅咒,让文明全部毁灭,这太荒谬了。花零最终完成了这些“神”给予她的“任务”,文明消散后花零在这个时空的家庭也不复存在,所有人都会忘记花零。 ——神明那所谓的诅咒就是:永生不死。 永生后的花零目睹了所有朝代的兴旺衰败,目睹了国家与国家之前的勾心斗角,历史的兴旺衰败花零都看下来了。 但是花零的永生可是被杀被碎尸万段都能够无限复活的永生,当然不止能看那五千年……【洪荒封神+系统+爽文+热血+成圣】 叶晨穿越洪荒世界六百多年,应系统要求,成为历代人皇之师,但始终无法激活系统! 封神杀劫起,十绝阵将破,大商面临灭国,人皇帝辛纣王请求叶晨出山! 叶晨答应请求,终于成功激活神级选择系统! “叮,宿主身为人皇之师,理应为大商作出贡献,现在发布主线任务——拯救大商于危难之际!” “叮,检测到十绝阵百日内将被破,大商国力损耗过半,请宿主作出选择!” “选择一:大商天威不容轻辱,亲自前往岐山,阻止西岐叛军,奖励先天杀阵一座!” “选择二:大商国灭不关我事,苟在农夫山,坐看朝歌失陷,扣除寿命三百年!” 毫不犹豫,叶晨选择带着纣王帝辛出征西岐! 我有一座先天杀阵,请诸圣入阵!黑暗说,我向往光明,身处黑暗,心有微光。三千世界,修仙末路,龙蛇并起。 河出图,洛出书,大衍之数五十有五。 五之数,实乃人之中,变幻莫测,穷凶极恶! 惟图变革,以兴其道,方为道机。
我创造了最强惊悚世界 天才国医 后虚降新星 神降谕旨 洪荒:开局化身妖族大帝 齐天大圣再战西游 法相天魔 姥姥的那些年 从纨绔开始 剑封域 警界神探 天空中的深渊 反派白莲花的优秀成长 我以肉身横推万界 武神修炼日记 尊武神录 我被鬼养大 超级王者强势归来 神医王婿 一路红尘一路情 澜御湾温泉电话 菜肴故事下罗店电话 兴化兄弟烧烤电话 徐闻到海安港电话 澜御湾温泉电话 禹州一峰城市广场电话 乌鲁木齐美图售后电话 广州出入境地址电话 开封皇城水运温泉电话 龙回首酒店订餐电话 菏泽到石狮的大巴电话 哈尔滨香槟路11号电话 鹰山真人cs电话 武隆江口镇派出所电话 安阳红旗渠青年洞电话 星海天大酒店电话 乌鲁木齐美图售后电话 开封皇城水运温泉电话 惠州34路公交投诉电话 莒县乡镇客车投诉电话 菜肴故事下罗店电话 济宁汽车南站投诉电话 周庄旅行电话 火车到烟台南站时刻表查询电话 武隆江口镇派出所电话 鹰山真人cs电话 开封皇城水运温泉电话 周庄旅行电话 惠州34路公交投诉电话 开封皇城水运温泉电话 星海天大酒店电话 菜肴故事下罗店电话 石家庄网吧电话号码是多少钱 莒县乡镇客车投诉电话 长寿公交车调度电话 星海天大酒店电话 运城临猗美的售后电话 乌鲁木齐美图售后电话 鹰山真人cs电话 运城临猗美的售后电话 星海天大酒店电话 爱人大酒店婚宴厅电话 电白瑞湖宾馆电话多少 哈尔滨香槟路11号电话 火车到烟台南站时刻表查询电话 菜肴故事下罗店电话 菏泽到石狮的大巴电话 石家庄网吧电话号码是多少钱 百乐烘焙郑州电话 奉节汤锅电话 亚星官网 亚星游戏官网 亚星游戏官网 亚星官网 亚星游戏官网 这个城市的回忆 逝者永存! 请问你还在线吗? 开局绑定医者仁心系统 金言在上 亚星管理平台 欧博官网 亚星管理平台 葡京官网 皇冠登3出租 爱人大酒店婚宴厅电话 鞍山路新华书店电话 菏泽到石狮的大巴电话 安阳红旗渠青年洞电话 徐闻到海安港电话 禹州一峰城市广场电话 济宁汽车南站投诉电话 周庄旅行电话 火车到烟台南站时刻表查询电话 电白瑞湖宾馆电话多少 奉节汤锅电话 奉节汤锅电话 菜肴故事下罗店电话 武隆江口镇派出所电话 星海天大酒店电话 火车到烟台南站时刻表查询电话 运城临猗美的售后电话 龙回首酒店订餐电话 哈尔滨香槟路11号电话 电白瑞湖宾馆电话多少 星海天大酒店电话 乌鲁木齐美图售后电话 莒县乡镇客车投诉电话 惠州34路公交投诉电话 火车到烟台南站时刻表查询电话 百乐烘焙郑州电话 鞍山路新华书店电话 鞍山路新华书店电话 莒县乡镇客车投诉电话 莒县乡镇客车投诉电话