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
ems上海网点电话ems上海浦东电话号码ems上海莘庄联系电话ems上海邮件处理中心电话北京牛街ems电话ems上海网点电话ems国际快递查询单号查询电话ems上海莘庄联系电话长安圆通公司总部电话苍南韵达总公司电话北京运河邮局电话ems上海莘庄联系电话ems国际快递 电话北京运河邮局电话ems上海徐汇区电话苍南韵达总公司电话茶山邮政快递电话北京农大营业厅电话北京农大营业厅电话ems上海投诉电话ems上海电话号码查询北京农大营业厅电话长安圆通公司总部电话ems上海速递处理中心电话号码北京牛街ems电话ems上海三林本部 电话ems上海中心电话号码ems上海速递处理中心电话号码ems上海投诉电话ems国际快递 电话“叮咚,您的旅行青蛙为您带回了旅行特产【金光咒】!” “叮咚,您的旅行青蛙为您带回了旅行纪念品【麒麟之血】!” …… 李默穿越神秘复苏世界,鬼怪异事频发,更有凶兽窥伺。 原本觉醒出D级弱鸡天赋的他已经躺平,不料一天自家的阳台上,竟然出现了一只旅行青蛙。 蛙蛙可以旅行穿梭各大异世界,并带回各种强力的纪念品和特产。 至此,原本众人眼中的废柴李默,终结了一次又一次异变降临事件,完成了一个又一个难如登天的SSS级恐怖任务。 “叮!您的旅行青蛙带回了它的小伙伴,理发师阿柒,快快招待他吧。”灵兽人程森屮(che四声)十一岁丧母,十三岁遭灭族。程森屮,程猖,程狂兄弟三人幸存。一年后大哥程猖却操纵程森屮杀死小时密友和程猖,心灰意冷的程森屮消失了三个月后在长安佚名“山狼”靠杀人赚钱。两年后,“山狼”声名崛起无意间认识权门高氏二公子和洌氏二公,这时有人叫杀死两人。山狼不从,没曾想那人正是大哥程猖。几经挣扎后,山狼坠于程狂和卫天兰坠落的黑鹰崖。 十年后 顶级杀手——山狼,再次出现在高风舌眼前。 正义也许会迟到,但永远不会缺席。 作品以第一人称的视角描述了一个特种兵血染的日记中记载的汗与泪、情与仇、血与火、爱与恨......种种交织、穿插、揉叠在一起,这就是“特种兵之恋”! 主人翁说:真正的男人最大的魅力在于——血性!血性——刚强正直的气质和品性。有血性的人愱恶如仇,敢说敢做,敢作敢为,不向邪恶势力低头。当别人有难时他能站出来伸出援助之手,不会只考虑自己的得失而缩手缩脚,畏首畏尾。当生命和信仰冲突时,能舍命而上。在任何强大对手的面前,就算知道不敌,也会亮剑!可以被击倒,但绝不会被征服!喂,你真的要走? 是。 那你...... 我不会再回来了,这个地方我再也不想待。 那我呢? 我们本不是一类人,你会遇到更好的,我也该走了。 最后一世了,我活得够久了,心里的一切也该放下了 那你身边的人都白死了吗,你要是就这么放弃,那我们的努力呢?我们这么多人做的都是无用功吗?。 你对他好点,我把他交给你了…… 再见,希望你能过得好 跨越千年,她的等候真的有意义吗?他还记得她吗?一个失去小时候小子,阴差阳错的和小时候帮助的人走到一起 ,是否穷小子能翻身呢? 一位满目苍桑的老人,眯着眼倚坐在藤椅上,知吖吖的响着。藤椅旁,大黄趴在地上睡的正香。老爷子看起来就像是已经入土为安,躺倒在这片土地上一般。 一道光线照在老人身上,老人缓缓张开双眼。一个穿着黑衣的少女,站立于光束之下,看着这个年过花甲的老人,她的脸色有些悲戚,但却带着坚毅,眼中有着无尽的痛苦,看向这个老人的眼神也充满了复杂的感情。少女的右手紧握,似乎是用了极大的力气握住手中的长剑。 少女看向老人,嘴角露出一丝微笑。 “你来了”老人看着面前的少女,没有丝毫的惊讶,似乎早有预料,淡淡的说道。误入核战后的异世界,遭遇生化魔物。 资源匮乏,科技倒退,身中剧毒,生命被当做了货币,就连武器也变成了原始的冷兵器。 血夜之下的斗者,以“活着”为生存信条,誓要撕碎这夜,刺破这天,凌驾于命运之上! 【雪碧回归之作,再次开启第三人称数据流,重温经典!】 一觉醒来穿越到了修仙的世界!在走上拳碎苍穹,脚破仙宫的仙皇之路前就被自称管理穿越者的家伙抓走了。 明明是监察万千位面的穿越者管理会,却是一副…… 万千的世界生生灭灭,走向破灭无法挽回的末日次元,到达了寿命尽头的热寂宇宙。当然也有生机勃勃的异乡,新生矇昧的世界,最最重要的是到处似乎都有被穿越者搞的水深火热的世界或者穿越者正在水深火热的世界啊喂! 知道辽知道辽,穿越者管理会正在龟速受理中—— 身穿外骨骼,手持电浆剑的剑仙,来自离狐县只会犯迷糊的狐狸,被称为“大咸者”的咸鱼会长真的有在管事吗? 乱世之土,命如蝼蚁。 杀人放火,唯见真我。 仙道茫茫,无数修士如同过江之鲫,都想登天一途,炼气、筑基、结丹、元婴..... 尘世间的一叶浮萍,不甘就此飘零浮沉! 苟凡尘,争修行,踏仙路!我们建立文明,我们毁灭文明! 当我们赖以生存的家园,变成宇宙尘埃! 我们该何去何从? 浩瀚无垠的星空宇宙,可有我们的安身之所? 哪有什么邪恶与正义,一切为了生存,为了人类的文明可以永恒的流传在这无尽的苍茫宇宙!
末世:坏孩子军团 末世之尸王 当年塔里九本书 世末仙 冒牌神语者 至尊神医纵横都市 最后人类 看,那是我为你编织的梦 关于反抗军的那些故事 护仙 笙之物语 征途次元 对话先贤:开局打造神明禁区 龙耀万界 诡姐讲诡故事 我真的很低调 十雄传 我的超凡力 梦中的勇者 武登仙门 ems上海邮件处理中心电话 长安圆通公司总部电话 ems上海速递处理中心电话号码 ems国际快递查询单号查询电话 ems上海邮件处理中心电话 北京牛街ems电话 ems上海速递处理中心电话号码 ems上海金桥本部电话 ems上海中心电话号码 ems上海浦东电话号码 ems上海投诉电话 ems上海投诉电话 北京运河邮局电话 长安圆通公司总部电话 苍南韵达总公司电话 ems国际快递查询单号查询电话 长安沙头顺丰快递电话 ems上海三林本部 电话 ems上海金桥本部电话 ems上海莘庄联系电话 苍南县灵溪申通快递电话 ems上海徐汇区电话 ems上海浦东电话号码 北京运河邮局电话 苍南韵达总公司电话 ems上海速递中心电话 ems上海三林本部 电话 ems上海浦东电话号码 ems上海金桥本部电话 ems上海三林本部 电话 北京牛街ems电话 苍南马站申通电话 ems上海邮件处理中心电话 ems上海网点电话 ems上海速递处理中心电话号码 北京牛街ems电话 ems上海邮件处理中心电话 茶山邮政快递电话 ems上海速递中心电话 ems上海徐汇区电话 ems上海中心电话号码 ems国际客服电话 ems上海网点查询电话 长安沙头顺丰快递电话 北京运河邮局电话 苍南县灵溪申通快递电话 长安沙头圆通快递电话 ems上海中心电话号码 ems上海速递中心电话 ems国际快递查询单号查询电话 亚星官网 亚星官网 亚星官网 亚星官网 亚星游戏官网 民间故事诡异 逍遥小太监 打鬼记之校园 亿兆富豪 富豪是怎样炼成的 澳门葡京游戏官网 葡京官网 AG真人 澳门葡京游戏官网 万利官网 茶山邮政快递电话 苍南马站申通电话 ems上海徐汇区电话 ems上海三林本部 电话 长安沙头圆通快递电话 长安圆通公司总部电话 ems国际快递单号怎么查询电话 茶山邮政快递电话 ems国际客服电话 ems上海浦东电话号码 ems上海速递中心电话 苍南马站申通电话 ems国际快递单号怎么查询电话 ems上海中心电话号码 苍南韵达总公司电话 ems上海网点电话 茶山邮政快递电话 北京运河邮局电话 ems上海人工客服电话 ems上海人工客服电话 苍南韵达总公司电话 苍南韵达总公司电话 北京农大营业厅电话 ems国际快递查询单号查询电话 苍山到东营电话号码 ems上海金桥本部电话 ems上海速递处理中心电话号码 北京运河邮局电话 ems国际快递 电话 ems上海速递处理中心 的电话号码