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
宝宝头敲了两次后脑勺宝宝吐奶要到几个月宝宝头做手术宝宝睡了高枕头宝宝填加辅食大便颜色宝宝头敲了两次后脑勺宝宝2岁右腿疼怎么回事宝宝头做手术宝宝喜欢双脚搓脚交叉宝宝握拳发狠宝宝湿疹能不能抹药宝宝头做手术宝宝无明显症状发烧宝宝填加辅食大便颜色宝宝头敲了两次后脑勺宝宝湿疹中成药宝宝2岁右腿疼怎么回事宝宝四个月一直抓耳朵宝宝四个月一直抓耳朵宝宝退烧后可以吹风吗宝宝误食糖尿病药宝宝四个月一直抓耳朵宝宝五十天了拉稀宝宝腿夹子淹了怎么办宝宝睡觉总是惊吓怎么回事宝宝吐奶要到几个月宝宝睡觉总是惊吓怎么回事宝宝腿夹子淹了怎么办宝宝退烧后可以吹风吗宝宝无明显症状发烧万年前,某通天者一剑斩神阶,断后世人族成神路。 万年后,灵气枯竭,异族突起,人类面临灭族之危。 外域少年陈一因憧憬,入九州,破秘境,杀神魔,证仙道,解万古之谜。 然登顶神阶,回首白骨累累及昔日师友,不得不叹,修世无双。宋帝都临安府爱国人士:吴俊振,与用时光机穿越过来的现代大学生:马维,两人一起被龙卷风漩涡黑洞带着,穿越到了明崇祯十六年公元1643年兴都留守司显陵卫境内,在机缘巧合之下他们俩主动应征入伍参军,从此开启一段帮助大明帝国收复失地的旅程,本文群号799968110主人公慕成二十五年平凡人生的沉淀与积累。 且看他拥有异能后,怎样的处事风格,怎样造就了辉煌的一生,又是怎样一步步发现灵魂的秘密。 面对强大的守护神帕丁,慕成是如何战胜的,他又将创造怎样的理想世界? 前世,他的父母对他不冷不淡,沉默的性格让他没有朋友。但他在游戏中认识了一位师父——5719。是他教会了他好多东西,使他不再那样的菜,同时也改变了他的沉默寡言。但不久,他的师父死于癌症,而他也死于车祸。 这一世,他重生到了一颗叫蓝星的星球上,mc的浪潮刚刚掀起,为了纪念曾经黑白的记忆与磨难,他便将他的网名取为【黑白记忆】,而他,将用这个账号,创造出璀璨多彩的传奇! ———————————————————————————— 题材:我的世界X转世重生 更新频率:2~3天一更,节日或支持者众多加更,期中期末停更1~2周 MC版本:随剧情发展 QQ书友群建立了,群号745702129,闲聊杂谈唠嗑催更都可以! 未经允许,切勿擅自转载!希望大家多多支持!人在做,天在看,天知、地知,你知,我知!作恶者为非作歹,祸乱人间,躺赚不义之财,妄想游离于法网之外,欺天瞒地,逍遥自在,潇洒快活!殊不知,不是不报时候未到!天网恢恢,疏而不漏!恶者恒恶,善者永善,公道自在人心![不喜勿喷]一部日常啰嗦水文。我写文是随心,而不是随意。一个高考过后,想去泰山旅游,放松一下心情的少年,因为一个乐于助人的小举动,开启了一场梦幻旅程......生于乡村,与贫穷抗争;参加高考,进大企业建功立业;下海经商,在改革大潮中砥砺前行,创建自己的一片天地。秦枫,六大世家秦家独子。 在一次任务中遭遇埋伏,师傅因保护他而死,自己也经脉寸断,武功俱废。 …… 是苟活一世,还是重头来过。 一人一剑,书写属于他的都市传奇。意外穿越异世,别人成仙成佛,惨点的也是废物逆袭。 可是到了古二蛋这里,他却发现自己一点盼头也没有。 因为这家伙成为了一个骷髅兵!还是一个没有脑袋的下等残躯战损版骷髅兵! 生活不易,骷髅叹气,望着自己一两肉都没有的身体,古二蛋决定要逆袭给所有人看! “金手指系统!我要称王称霸!给我发威!” “收到宿主期盼,本系统已按照期盼进行修改,正式进化为骷髅领主系统,你可以通过收集资源来强化麾下士兵啦!而且是没有上限的强化呦!” “哦?这么厉害的吗!那么这种能力也能作用到我的身上对吧!” “…………” “对吧?” “…………” “对吧?!!!”
天元梦冢 一切从源武开始 桃源小刁民 仙妖异魔录 天渊辰 死神的名义 空心飞天斩 新地球上帝 想躺平,可我的机宠太卷了 血色教导旅 铁剑孤神! 全界统治者 天道路遥 娱乐:我在前女友婚礼现场,宣布复出 我契约了一棵青色樱花树 超级天才保镖 带着宗门逃亡 寒武江湖路 轮回试炼1 御兽:开局契约战斗暴龙兽 宝宝推拿感冒 宝宝湿疹总不好怎么办 宝宝五个月吃奶粉的量 宝宝填加辅食大便颜色 宝宝推拿感冒 宝宝腿向后弯照片 宝宝五个月吃奶粉的量 宝宝无明显症状发烧 宝宝腿夹子淹了怎么办 宝宝1个多月黄疸 宝宝误食糖尿病药 宝宝误食糖尿病药 宝宝听了就睡觉的歌曲 宝宝湿疹总不好怎么办 宝宝头敲了两次后脑勺 宝宝填加辅食大便颜色 宝宝五十天了拉稀 宝宝推拿感冒 宝宝突然嘬不住奶头 宝宝头做手术 宝宝湿疹总不好怎么办 宝宝头做手术 宝宝突然嘬不住奶头 不小心打了宝宝囟门 宝宝握拳发狠 宝宝听了就睡觉的歌曲 宝宝推拿感冒 宝宝吐奶要到几个月 宝宝突然嘬不住奶头 宝宝腿夹子淹了怎么办 宝宝填加辅食大便颜色 宝宝湿疹中成药 宝宝睡了高枕头 宝宝头敲了两次后脑勺 宝宝退烧后可以吹风吗 宝宝四个月一直抓耳朵 宝宝睡了高枕头 宝宝五个月吃奶粉的量 宝宝退烧后可以吹风吗 宝宝睡觉总是惊吓怎么回事 宝宝四个月一直抓耳朵 宝宝无明显症状发烧 宝宝头颅凹陷图片 宝宝五十天了拉稀 宝宝湿疹能不能抹药 宝宝湿疹中成药 宝宝误食糖尿病药 宝宝四个月一直抓耳朵 宝宝听了就睡觉的歌曲 宝宝38周怎么还不生啊 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 通灵纪元 我,洪荒人祖,打造最强人族 情脉道 山海有灵兽 剑胆琴心有风骨 快连下载 亚星管理平台 亚星官网 快连下载 亚星管理平台 宝宝握拳发狠 宝宝湿疹中成药 宝宝吐奶要到几个月 宝宝湿疹总不好怎么办 宝宝26个偏瘦 宝宝夏季腹泻呕吐发烧 宝宝26个偏瘦 宝宝睡觉总是惊吓怎么回事 宝宝38周怎么还不生啊 宝宝睡觉总是惊吓怎么回事 宝宝听了就睡觉的歌曲 宝宝睡了高枕头 宝宝误食糖尿病药 不小心打了宝宝囟门 宝宝误食糖尿病药 宝宝听了就睡觉的歌曲 宝宝夏季腹泻呕吐发烧 宝宝误食糖尿病药 宝宝睡觉总是惊吓怎么回事 宝宝夏季腹泻呕吐发烧 宝宝推拿感冒 宝宝头敲了两次后脑勺 宝宝推拿感冒 宝宝26个偏瘦 宝宝腿向后弯照片 宝宝1个多月黄疸 宝宝湿疹能不能抹药 宝宝2岁右腿疼怎么回事 宝宝头大比一般宝宝大 宝宝五十天了拉稀