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
怎样清洗宝宝的舌苔宝宝可以吃探花吗两岁宝宝预防针吴姓羊宝宝名字萌萌的pose宝宝宝宝隔了一学期没上学妈妈吃什么有助于控制宝宝的湿疹两岁宝宝预防针宝宝吃虾好么宝宝停止补铁多久舌头不再发黑?宝宝脚底起透明小水泡怎么办怎样清洗宝宝的舌苔宝宝冠状缝能消失吗母亲属鼠父亲属猪生鸡宝宝好吗两岁宝宝预防针宝宝停止补铁多久舌头不再发黑?宝宝母乳大本营四个月宝宝可以吃白糖吗四个月宝宝可以吃白糖吗一岁宝宝喝豆奶11个月宝宝吃虾泥还是虾仁四个月宝宝可以吃白糖吗宝宝吃虾好么四个月宝宝可以用宫廷肤宝乳膏吗萌萌的pose宝宝8-9个月宝宝饮食安排吴姓羊宝宝名字四个月宝宝可以用宫廷肤宝乳膏吗一周岁宝宝发烧39度怎么退烧快宝宝冠状缝能消失吗莽荒之间,我叶枫开一剑独尊,创仙侠万世之洪荒,入无仙之境。领天灵派入大陆第一门派,修无力之魂,酿天地琼浆,品天河寒露,辟万古之剑,名曰:天影回光齐国位于辰武大陆的最北端。 苍茫大地,众生云云,悲欢离合,贵为皇子,莫能避之。北齐皇宫大皇子吴阙聪慧过人,南征北战,平定四方,万民仰慕,立为皇储,然二皇子视其兄长为眼中钉,肉中刺,兴风作浪,毒父皇,欲杀储君。 吴阙逃亡途中发现母亲不辞而别,逃亡途中九死一生,机缘巧合得石之瞳。石之瞳,能侵入对方意识,洞悉人心,帮助吴阙时时知己知彼,处处抢占先机,助吴阙逆天改命。 且看大皇子手持五寸青锋,踏上漫漫修行之路,一路披荆斩棘,问鼎武道巅峰。在禽与兽的探索中走向自己的人生巅峰赵天明十年前入昆仑山修仙,十年后下山,却不想家破父将亡。 修仙要创新,别人只有一个金丹,我有六个,我金丹越级灭元婴。 别人只开启了360个穴窍,我开启了3600个,我就有了3600个小金丹,打起架来,我能用元力堆死你。 修真修出五行神眼、神识内视,五行宝光加内视可赌石、可鉴宝。 开局就成翡翠王、大鉴定师,用长寿丹换回所有愿意交换的国宝,让所有国宝回归。 灵眼观五色、神识鉴宝贝,探秘境、寻宝藏,脚踩鬼怪,拳打妖魔。 一段修真、探险、赌石、鉴宝、悬疑以及探寻宝藏的大幕,由此拉开!楚歌意外穿越特种兵的世界,发现成为一名炊事兵。 面对考核,菜鸟叶峰觉醒神级提取系统,只要完成任务,就可以提取技能! 神级射击、宗师格斗、伪装隐藏、黑客技术…… 每一种技能都成为他的战争利器,所向披靡! 何晨光:“你从娘胎就开始特种训练的吗?” 高中队:“一人单挑全特种部队,老子服了!” 庄炎:“峰哥,求求你收我为徒吧?” 范天雷:“能不能不要再打我脸了?再坑我,信不信我死给你看?“我打碎了夕阳,夕阳要我赔偿,予我万般红尘,于此间水主沉浮. 大风泱泱,冒险即将启程,且看少年郎再次无双殿掀起新波澜何须问,浮生情,原知浮生是梦中。 花落花开,人死只是重生的开始。 广袤无垠的具象大陆,具象者们,打通三脉七轮,修炼着脉气。 根轮开,红莲绽放,具象现: 腹轮开,橙莲绽放,具象量变: 脐轮开,黄莲绽放,变化现: 心轮开,绿莲绽放,生命现: 喉咙开,蓝莲绽放,灵性现; 额轮开,紫莲绽放,智慧现: 顶轮开,千瓣莲花,彩虹现。 红十具象师,橙百具象师,黄千具象师,灰迷具象宗师,绿生宗师,蓝灵宗师,紫归宗师,彩虹尊者。 生命之花,如此璀璨,如果可以,我愿奉献!我天生能看到奇怪的东西,爸妈担心我出事便让我拜师隐藏。可就在一次熟人的胁迫式“邀请”,师傅用两片龙鳞再次揭开了我的秘密,自此,我便走上了一条未曾想过的路??赵阳意外绑定可以往返现代与明末的传送门。 穿过传送门,对面是气势汹汹,向着他冲刺而来的八旗骑兵。 数次尝试都铩羽而归,赵阳直接上交传送门,与官方合作。 当官方看到赵阳展示的另一个世界后,整个大夏都为之轰动。 一个星球的资源,一个全新的未开发世界! 大夏官方第一时间下定决心,制定绝密计划,设置最高权限。 终于,再次踏入明末大地的赵阳。 身后,是一条蓄势待发的庞然巨龙……人是人,仙是仙,人若想为仙,难比登天。天下凡人千百万万,得道成仙者百千年不得闻。 凡人非大机缘者,莫寻修仙路。然,何为机缘,机缘何得。 争,是智慧;不争,亦是智慧。 修仙修仙,修的是什么,修的不就是心么。
重生之我的高中生涯 弘文盛夏 觉醒拼夕夕十万大军奈我何 踏雪梅开 一天一个选择题 我秋刀鱼绝不当废物 归往之间 玄幻:我,天命大主角 武都伏妖录 星际混乱 我的狐妖小娇妻 魔法学院:致无名利刃 穿越大唐之真假天子 红知了 全民领主:我能无限强化 鬼佛剑帝 短片集合 我有一本百鬼全书 撩哥撩妹 仙界凡间 宝宝三岁了屎尿都不会说怎么办? 四个月宝宝马牙图片 宝宝母乳大本营 四个月宝宝可以吃白糖吗 宝宝三岁了屎尿都不会说怎么办? 六个月的宝宝还会长马牙吗 宝宝可以吃氨溴索吗? 宝宝咳嗽一到晚上十点咳嗽就吐 8-9个月宝宝饮食安排 宝宝冠状缝能消失吗 宝宝吃虾好么 宝宝秋天脸上白癣 哪个牌子补钙好宝宝 宝宝停止补铁多久舌头不再发黑? 宝宝隔了一学期没上学 萌萌的pose宝宝 宝宝可以吃氨溴索吗? 8-9个月宝宝饮食安排 11个月宝宝吃虾泥还是虾仁 怎样清洗宝宝的舌苔 四个月宝宝马牙图片 两岁宝宝预防针 宝宝可以吃探花吗 母亲属鼠父亲属猪生鸡宝宝好吗 宝宝停止补铁多久舌头不再发黑? 哪个牌子补钙好宝宝 8-9个月宝宝饮食安排 宝宝可以吃探花吗 11个月宝宝吃虾泥还是虾仁 8-9个月宝宝饮食安排 萌萌的pose宝宝 四个月宝宝马牙图片 2016年刘志开头宝宝起名 怎样清洗宝宝的舌苔 四个月宝宝可以用宫廷肤宝乳膏吗 萌萌的pose宝宝 2016年刘志开头宝宝起名 宝宝母乳大本营 哪个牌子补钙好宝宝 两岁宝宝预防针 吴姓羊宝宝名字 新生儿宝宝掉皮 一岁宝宝喝豆奶 宝宝秋天脸上白癣 母亲属鼠父亲属猪生鸡宝宝好吗 四个月宝宝马牙图片 宝宝秋天脸上白癣 吴姓羊宝宝名字 一周岁宝宝发烧39度怎么退烧快 妈妈吃什么有助于控制宝宝的湿疹 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 且观风云 无主之界 我是一个兵之兵之路 执剑师 我在靖安司悬壶三十年 欧博官网 亚星官网 万利游戏官网 欧博官网 澳门葡京游戏官网 2016年刘志开头宝宝起名 四个月宝宝可以吃白糖吗 六个月的宝宝还会长马牙吗 一岁宝宝喝豆奶 妈妈吃什么有助于控制宝宝的湿疹 四个月宝宝马牙图片 母亲属鼠父亲属猪生鸡宝宝好吗 2岁半宝宝睡觉憋气再吐气 宝宝脚底起透明小水泡怎么办 宝宝咳嗽一到晚上十点咳嗽就吐 宝宝吃虾好么 新生儿宝宝掉皮 怎样清洗宝宝的舌苔 宝宝得过肺炎感冒就喘怎么回事 宝宝三岁了屎尿都不会说怎么办? 六个月的宝宝还会长马牙吗 8-9个月宝宝饮食安排 宝宝母乳大本营 萌萌的pose宝宝 宝宝可以吃氨溴索吗? 六个月的宝宝还会长马牙吗 宝宝吃虾好么 宝宝可以吃氨溴索吗? 怎样清洗宝宝的舌苔 宝宝秋天脸上白癣 宝宝可以吃探花吗 一岁宝宝喝豆奶 宝宝可以吃探花吗 宝宝咳嗽一到晚上十点咳嗽就吐 8-9个月宝宝饮食安排