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
钱的价值在于共享作文上海语文高考作文题人教版八下语文四单元作文清明节三年级玩的作文描写冬天精神的作文钱的价值在于共享作文某民办大学的英语作文人教版八下语文四单元作文描写公园湖的作文400字墨子教育牛柱子作文描写名胜古迹作文人教版八下语文四单元作文美丽的春天的作文600字作文开头描写名胜古迹作文人生路自己走作文800墨子教育牛柱子作文莫在人后论是非 作文蒙太奇初中优秀作文描写冬天精神的作文请假条英语作文事假美国religious英语作文蒙太奇初中优秀作文描写公园湖的作文400字清明小长假的作文四百莫让金钱改变教育作文三年级的作文争吵莫让金钱改变教育作文人工智能人类智慧作文请假条英语作文事假描写清洁工事例的作文500字在那一天公司聚会陆游喝醉了,一觉醒来看着尸骨遍野的周围以为到了乱葬岗却不成想那是张角的黄巾起义。 至此他默默的加入了十八诸侯,看见了三英战吕布、见证了火烧赤壁败走华荣、也逢上了秋风五丈原、三家归晋。据说玄天神宗的宗主本来有机会当神主的,但是为扶一滩烂泥,不仅弄丢了自己的万年气运,还差点惨死,这到底是怎么回事呢? 记者:“轩辕先生,请问可以采访您一下吗?” 轩辕:“可以,不过要简短一些,一会儿还有天机仪要砸。” “……” “请问你为什么要放弃自己的万年气运,来扶一滩烂泥呢?” 轩辕:“不知道,可能当初是被烂泥那小子萌到了。” 接下来采访一下男主。 记者:“男主先生,您作为下界普通一员,碰巧当上了神主,请问您有什么感想呢?” 男友犹豫了一下“没什么感想,当初我就想在老家过好日子,后来被一个长得很像捕快的人抓去了,再后来发现没人当,我就当了。” “那您有为自己的狗屎运感到惊奇过吗?” 男主挖了挖鼻屎“还行,习以为常了,刚才你送给我的那张彩票又让我中了五百万,没意思。” 记者一头黑线“男主先生,如果现在我有一支枪,您知道我最想干的一件事是什么吗?” “额,不知道。” 记者眼睛眯成一条缝,默默道:“我想直接崩了你。”  这辈子我都不会让你抢走她的。这辈子我要一报还一报。让你尝尝我上辈子受的苦。   汤文一觉醒来。天呐!(⊙o⊙)啥? 保家卫国是我们的职责! 起来!不愿做奴隶的人们!把我们的血肉,筑成我们新的长城!………………  “左眼为阴,右眼为阳,日夜更替,阴阳轮换,俱在我身”   浩瀚的宇宙边陲之地,只有无光无明的漆黑。   有一个男子正盘腿悬坐在星空中,而伴随刚才的话语,他的眼睛突然从眼眶里跳了出来,只留下两个空洞的眼眶,   此时这两只眼睛都还覆盖着眼皮,闭着眼睛。   忽然,一只眼睛睁开。   漆黑的星空便有了光明,十分耀眼,光芒照在男子和他前面的一具尸体上。   这时,才发觉这男子和这具尸体竟散发这仙人之气。   男子是这方世界两大仙帝之一的——陆仙帝,而他面前的尸体则是另外一个仙帝——陈仙帝。   两位仙帝大战于此,落得两败俱伤。   陆仙帝左手之上托着一个灵魂,恰是一个女子的模样,不过已经没有了多少灵性,陆仙帝叹了了口气,道:   “便只能转世重生了”   而陆仙帝刚才将自己的灵魂打入这三千世界,转世重生,夺取生机。   灵魂纷纷降落重生,化作小世界中的土著,其中便有一份灵魂便将落在这一方世界——蜉蝣界。   故事就此开始, 你说你叫荒天帝?嘶!叶小天吸了好大一口凉气,等等!谁特么放屁了!   荒天帝:“叶凡快按住那条狗!”   叶小天:“我说了我不是叶凡”   唐三:“你们捉狗做什么?”   叶小天:“你谁啊你,怎么长的比我还娘”   许七安:“咦,今天有狗肉吃了?”   许仙:“请问有没有见到我的娘子?”   叶小天:“......”   这是一个什么鬼的世界!!阳城三名初中生秉承不同的恋爱观,走向了三种人生。这一世,我要为自己而活!一切的阴谋,我都会亲自撕碎!你们,等着我!「你这外乡人既然觉得关内的人心太复杂,当初你又为什么会从关外进来呢?」 面对这个问题,谢佳晨只是回答:"我只想找到回家的路,没想到事情会发展成这样子。" 「我看你是找死!」 夜良游漫不经心地回应,连夜府独门身法「瞬息闪」都看不明白的人,恐怕被别人杀了都不知道对方是谁,这样的人在烈州还能修炼到化龙境巅峰,真是奇迹了。 「人世间的事情是很难预料的,再加上每个人不同的强烈欲望,从而形成这江湖上的格局。」 「朝堂,分为两派,一派主战一派主降,在统治者的视角看来,主战的怂恿之人该杀,主降的苟且偷生之人该死。」 「宗门,是培养人才的地方,处于最弱方,仅靠着门下那几颗璀璨的新星得以正常存在下去。」 「天行健,君子以厚德载物。」 「集打工人、房奴、社畜于一体的小谢因为一场车祸,导致灵魂被撞飞到了异界龙魂大陆,在这个集宗门、江湖、庙堂于一体的世界中,倒霉的他该如何生存?被黑白两道追赶地走投无路,黑化后的他又是如何的恐怖?」神灵降世,以寒霜之名,重铸暗夜神辉。 成为武者世界中的一个修真者,少年纵横此间的同时,一个一个谜底也逐渐揭晓...... 我出生那天,父母上吊自杀,村里人想要拿我祭河神。 洪水围而不退,爷爷将我丢进河里,九龙拖着我回来。 我的命是爷爷给的,爷爷留给我的姻缘和造化,居然有人妄图染指。 人性的丑陋、欲望的贪婪、索命的黄泉。 为了活下去,我必须要完成我的使命!
乔乔的奇妙冒险:十字之魂 寒门小王爷 医武狂婿 最强武王被系统重置等级 漫维游记 骄阳夏日无 英雄联盟之风雷闪 我能复活修仙 九皇一帝e 武破逆流 在异世界该如何活下去呢? 苹安 听从我的召唤英灵 极武之颠 星球改造,超速变异 护客人 签到元宇宙,从意念建模开始无敌 人皇图录之唯我独尊 浪漫收藏家 合圣道 清明节作文三百字啊 描写娘子关作文600字 莫在人后论是非 作文 描写冬天精神的作文 上海语文高考作文题 人工智能人类智慧作文 莫在人后论是非 作文 满怀的好心情作文700 三年级的作文争吵 美丽的春天的作文600字作文开头 美丽的 校园作文600字 美丽的 校园作文600字 清明追思初中作文 描写娘子关作文600字 钱的价值在于共享作文 描写冬天精神的作文 美国漫画家罗素作文 清明节作文三百字啊 美国夫妇与孩子作文 人教版八下语文四单元作文 描写娘子关作文600字 人教版八下语文四单元作文 美国夫妇与孩子作文 蒙太奇初中优秀作文 墨子教育牛柱子作文 清明追思初中作文 清明节作文三百字啊 上海语文高考作文题 美国夫妇与孩子作文 三年级的作文争吵 描写冬天精神的作文 描写人物的精彩作文600字 清明节三年级玩的作文 钱的价值在于共享作文 清明小长假的作文四百 莫让金钱改变教育作文 清明节三年级玩的作文 莫在人后论是非 作文 清明小长假的作文四百 人生路自己走作文800 莫让金钱改变教育作文 满怀的好心情作文700 请假条英语作文事假 美国漫画家罗素作文 描写名胜古迹作文 描写人物的精彩作文600字 美丽的 校园作文600字 莫让金钱改变教育作文 清明追思初中作文 描写未来的作文30字 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 源能重生 屋后! 幻想代码 少年前进 逃避世俗带着小丽回宋朝 澳门葡京官网 AG真人 快连下载 澳门葡京官网 欧博官网 某民办大学的英语作文 描写清洁工事例的作文500字 描写冬天精神的作文 三年级的作文争吵 请假条英语作文事假 蒙太奇初中优秀作文 描写人物的精彩作文600字 蒙太奇初中优秀作文 描写公园湖的作文400字 描写名胜古迹作文 墨子教育牛柱子作文 美丽的 校园作文600字 清明节三年级玩的作文 钱的价值在于共享作文 描写清洁工事例的作文500字 上海语文高考作文题 三年级的作文争吵 清明节作文三百字啊 描写未来的作文30字 莫让金钱改变教育作文 描写人物的精彩作文600字 三年级的作文争吵 美丽的 校园作文600字 莫在人后论是非 作文 铅笔600字说明文作文 美国漫画家罗素作文 美国religious英语作文 请假条英语作文事假 美国夫妇与孩子作文 墨子教育牛柱子作文