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
任丘客运电话号码龙岗中心城汽车站电话号码1919 成都 电话信阳至虎门高铁时刻表查询电话南阳火车站问询处电话号码任丘客运电话号码海珠区地税局查询电话1919 成都 电话铁路电话五位的怎么打闵行10路 电话逸景翠园居委电话任丘客运电话号码青岛八鲜锅电话逸景翠园居委电话裸心谷预约电话逸景翠园居委电话温州哪里有欧舒丹专柜电话信阳至虎门高铁时刻表查询电话信阳至虎门高铁时刻表查询电话上海申迪生态园电话徐州东电话是多少济宁好仁聚电话达州蒲家镇牡丹节电话北京站电话号码塘沽戒毒所电话是多少钱龙岗中心城汽车站电话号码1919 成都 电话汤泉池宾馆电话上海申迪生态园电话武安桥西路回头锅电话许多短故事,陌生而又熟悉,平凡而又非凡,我希望能在此磨练自己的笔力和脑力,同时渴望收获人们的评价。注:假如有实力,某些可能不再是虚幻而是现实,毕竟它们来源于现实。 作品主要由拔刀,梦境,闲话,蚁人以及起源星五个章节组成。 蚁人篇是发生在银河系广播中心,十六名人类被抓去表演节目,却在其中遭遇了各种离奇事件。 梦境篇则是当你被选拔成为大型虚拟游戏的一员时,你能否区别真实还是虚拟,也许你认为的真实只是一厢情愿罢了,说的看的都不再可信,唯一凭靠的只有你的直觉,你能否走出梦境? 拔刀篇讲述的是一个星球的故事,王国们为追求更多的土地和资源,彼此之间相互厮杀,而有一个国度远离大陆地区,表面上文明落后,但在一次战争中人们发现了火药的痕迹,于是年轻的王子带着教授来到了这个国度一探究竟。 闲话则讲生活里的一桩桩小事,并在其中加入一点点思考。 起源星则是一个真神出现的人类世界,旧政治制度被冲击,新制度还未形成。 重生信仰时代,随身空间,修炼,无敌,低调,商娱,农牧,宗门,家族,大中原社会主义。天赋不够,系统来凑。 穿越异界的顾言喜提回收系统。 世间万物回收之下都可以超级加倍? 那岂不是无敌了? 信心满满的顾言当即就决定这一世一定要不同凡响走向世界之巅。 本故事纯属虚构,如有雷同,恭喜恭喜,所见略同。 “叮,你的体质嫌你修为太弱,主动帮你修炼,恭喜你突破了!” “叮,你的体质嫌你天赋平平无奇,帮你升级到万古无一的仙品天赋!” “叮,你的体质觉得你眼神不好使,帮你开启绝世神通,六道仙轮眼!” “叮,你的体质很暴躁,嫌你修为还是太弱,一言不合就截取世界本源助你修行,恭喜你又突破了!” 叶青穿越异界,觉醒万古最强妖孽体质,躺着就能变强,一路无敌横扫,威临诸天万界,镇压无数天骄! 仙庭圣女:“天呐,世间为何会有如此妖孽?这还让不让人活了!” 人族圣子:“自从我认识叶青,才知道什么叫天骄!都别拦着我,以后叶青就是我老大了!” 魔族魔女:“叶青这家伙,为何如此优秀?” 叶青:“其实我真的没有开挂啊!体质,咱求你低调一点行不行?”少年天才于洋来到黄海市当保镖,且看他如何走上人生巅峰仙路诡奇,人道卑微。 众生皆浮屠,仙心如寒霜。 少年方尘意外获得仙缘,心中却只有一愿:愿以手中仙剑,开万世太平!就像书名上写着的,你加载了危险游戏。 总之我得,在游戏正式开始前,给你个忠告。 呃,没错,说得就是屏幕前满脸不在乎的你... 在这里! 你不该相信任何人! OK!就这样... 总之不论你是谁,在哪里,请相信我,在看到这里的时候,你已经被卷入进了这场危险的游戏当中! 你可以试着回头,可以盯住屏幕,可以闭上眼睛... 但不论你怎么做,它们就藏在你身边,或许是卧室的床下面,或许是卫生间的镜子里(谁知道呢,它们的喜好向来与众不同)。 呃... 该死—— 它们发现我了! 看来我只能送你到这里,下面的路,你得靠自己走了! 还记得我最初说过的吗? 不要相信任何人! 包括... 从床底下朝你伸出手的我!现代反赌专家穿越到大明,睁眼便是生死局,满街皆是花样赌! ?骰宝、牌九、叶子戏,走狗、斗鸡、蛐蛐乐! 偷天换日、飞云探龙、?海底捞月、天外飞仙? ?林萧笑了:过家家的把戏,也好班门弄斧?要说起出老千这档子事,我会的远比你们梦寐以求的多得多! 异空间入侵,蓝星动植物变异狂暴,人类被迫让出大片土地,异兽活动区域,被称为荒原。   天赋觉醒为最低等级的江寒,意外绑定了网游系统。   只要杀怪,就能获得获得经验值升级。   “恭喜宿主击杀领主级异兽钢鬃野猪王,获得经验58965。”   “恭喜宿主使用天赋升级卡,当前天赋提升一阶。”   “恭喜宿主完成任务,奖励额外天赋卡槽*1。”   所有人都视荒原为禁区,担惊受怕,只有江寒视荒原为天堂,乐不思蜀。   “没有人知道江寒的上限在哪里,所有人只知道,他以一人之力,杀穿了整个荒原!”第一风辰集团董事长的女儿离家出走,意外碰上身份不明的热血少年,在弱肉强食的年代究竟会擦出怎样的火花呢?
这个世界不需要影帝 开局:陷入了绝境 散修混世界 绝剑神源 我是败国皇子 剑,逍遥 太古源流 时空裁判所 我的法官老爹 赢万难 苍天神界 残酷的温柔 抽刀难断回忆的河 我在末日反杀丧尸 洪荒:我为纣王,苟到无敌 冰天神帝 DIODIO的奇妙冒险 空域祭坛 神谕引道 疯子笔记 丽江太史第的电话 闵行10路 电话 甘肃西峰西站电话号码 南阳火车站问询处电话号码 丽江太史第的电话 北京站电话号码 国内机场的欧洲电话卡 赤城烧烤店的电话 汤泉池宾馆电话 青岛八鲜锅电话 徐州东电话是多少 徐州东电话是多少 上海申迪生态园电话 闵行10路 电话 任丘客运电话号码 济宁好仁聚电话 达州蒲家镇牡丹节电话 汤泉池宾馆电话 龙岗中心城汽车站电话号码 任丘客运电话号码 梦都美滑雪场电话 1919 成都 电话 龙岗中心城汽车站电话号码 广州南沙花园商店电话 赤城烧烤店的电话 中信银行潜山路支行电话 汤泉池宾馆电话 龙岗中心城汽车站电话号码 盘锦赵铁力诊所电话 汤泉池宾馆电话 南阳火车站问询处电话号码 梦都美滑雪场电话 信阳至虎门高铁时刻表查询电话 任丘客运电话号码 上海申迪生态园电话 济宁好仁聚电话 塘沽戒毒所电话是多少钱 国内机场的欧洲电话卡 上海申迪生态园电话 塘沽戒毒所电话是多少钱 济宁好仁聚电话 武安桥西路回头锅电话 吉林到贵阳长途汽车时刻表查询电话 达州蒲家镇牡丹节电话 逸景翠园居委电话 梦都美滑雪场电话 徐州东电话是多少 济宁好仁聚电话 中信银行潜山路支行电话 海珠区地税局查询电话 亚星官网 亚星游戏官网 亚星游戏官网 亚星官网 亚星官网 诸天降临:我以一剑斩神明 我在宇宙当杀手 神夏龙燕 我在东京经营宠物店 创世神转生之旅 亚星游戏官网 万利官网 欧博游戏官网 亚星游戏官网 葡京官网 温州哪里有欧舒丹专柜电话 北京站电话号码 1919 成都 电话 龙岗中心城汽车站电话号码 逸景翠园居委电话 吉林到贵阳长途汽车时刻表查询电话 丽江太史第的电话 海珠区地税局查询电话 梦都美滑雪场电话 闵行10路 电话 南阳火车站问询处电话号码 广州南沙花园商店电话 塘沽戒毒所电话是多少钱 青岛八鲜锅电话 达州蒲家镇牡丹节电话 吉林到贵阳长途汽车时刻表查询电话 济宁好仁聚电话 北京站电话号码 任丘客运电话号码 龙岗中心城汽车站电话号码 广州南沙花园商店电话 中信银行潜山路支行电话 温州哪里有欧舒丹专柜电话 温州哪里有欧舒丹专柜电话 任丘客运电话号码 任丘客运电话号码 上海申迪生态园电话 南阳火车站问询处电话号码 1919 成都 电话 青岛八鲜锅电话