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
狗狗总跟着我怎么办狗狗领养代替购买狗狗总看着我狗狗总是干呕不拉屎吉娃娃狗狗身上小红点狗狗总跟着我怎么办狗狗老去很难过狗狗总看着我狗狗铃铛绳怎么编邯郸狗狗免费领养中心好听白色狗狗名字大全狗狗总看着我狗市上免费领养狗狗好听白色狗狗名字大全狗狗总看着我邯郸狗狗免费领养中心狗狗老是打架惹事和狗狗说话的图片吉娃娃狗狗身上小红点狗狗螨虫治疗方法狗狗零食鸡肉条怎么做和狗狗说话的图片狗狗铃铛绳怎么编狗狗螨虫887怎么样鸡胸肉怎样煮给狗狗吃狗狗笼子该怎么放饭盆鸡胸肉怎样煮给狗狗吃狗狗乱咬东西是疯了吗狗狗螨虫治疗方法狗粮搭配什么狗狗爱吃鲜血淋漓的战场,神秘的第三方势力,未完待续的故事…… 意外穿越进游戏世界的楚昱和盛追,在诧异和激动下开启了他们的游戏人生。 在不断和域界人洛羽的相处下,他们逐渐发现了这个世界里和游戏的不同之处,剧情中的漏洞究竟是bug还是阴谋? 友情、立场。 信仰的冲突下,他们的冒险究竟会如何发展呢。男主生前被人暗算死亡,死后重生到所有事情开始的时候。现实融合网游? 高玩是人形核弹? 为了给可爱童养媳治病,吕天穿越后果断开挂玩网游,觉醒SD天赋,无限复制敌人属性,并且果断低调选择职业奶妈! 属性高?拿来吧你! 残血了?不慌,一口奶爆! 人形核弹?不好意思,我人形二向箔! 满级龙女BOSS? 乖乖过来当坐骑吧你! ……事故之后,我竟转生成为了异世界魔物? 这是一个魔法的世界,帝国纷争,城邦联合,神秘力量的苏醒改变着着世界的方向,不受时间消磨的“永恒星碑”上记载的过去引起着世界的动荡...... 在异世界苏醒后成为了魔物,伪装成人类走向人类世界,学习魔法,增强实力,游历各地探索这精彩异世界的奥秘!丁兆天大学毕业后回到海边渔村,在一次出海中偶得海灵珠,从此开启了全球直播的最强渔夫人生! 大海波澜壮阔,深海之下更是隐藏着无数的神奇奥秘! 丁兆天乘风破浪,纵横大海,从南极到北极,从浅海到深海! “什么?这极品白鲳鱼,主播按筐卖?” “我的天,那是几百块钱一斤的极品枪鲸?” “老丁是我见过的最霸气的海洋主播!应该说,是海洋之王才对!”本命灵兽是个病秧子怎么办? 失去灵兽,就真的只能沦为奴隶,被剥削,被压迫了吗? 林羽告诉你,不管是人是兽,得了病,就的治! 身为兽医的穿越者林羽,在御兽为尊的幻兽大陆,注定不平凡! “小灵兽,你也不希望你家主人被欺负吧?” “圣女殿下,你也不希望你的灵兽病重吧?” “你们两个, 都不想让对方为难吧?” “桀桀桀……”本书又名:《炒股致富真是太难了》、《韭菜的自我修养》、《如何不被股市绿》、《技术流&amp;amp;价值投资流的选择》、《亏损八成的我是如何回本的》、《斩断亏损让利润奔跑》、《拒绝成为股市中的乌合之众》、《炒股就是赌运气,别用实力亏掉靠运气赚的钱》······ 看铁逵炒股直播的网友们表示,以上书名都是错的,本书应该又名:《可恶,又被他买到涨停股了》、《放开那个涨停板,让我上!》、《高喊要亏光的他又赚到了》、《他真把股市当取款机》、《我要拜他为师学炒股》、《买股票一定要跟紧他的步伐》······石小方是个很方正死板的人,说了不能妥协就是不能,说了不能少泡一个就是不能,一直以自己所能想到的各种无耻借口做着方正而死板的自己。但是现在的他很方,他只是个打算如方石一般横扫过人生这个终将有终点的大滑坡,怎么突然就告诉他,这个滑坡之下,是修真界这片汪洋大海呢? 俗世百年,我的钱呢?我的妞呢?我的七情六欲,你一片海就要我全丢了,去做你的定海神石?想得美呢吧老头子们!金丹成,元婴现,化婴成神,一步修仙路,逆天成真神。 数万年前人界灵气盎然,人神同修,万年大劫将至,界面薄弱,魔界魔神率众魔族破虚空入人界,誓要屠尽人族。 人界尸骨成山,血肉成河,众仙陨落,为保人族延续,众神不惜元神灭,神体破,撕碎界面,与魔族同灭。 界面破碎,形成无数小界面,灵气稀薄。魔族重燃,一个个人族界面消散…这世上最好的事,是不要出生;次好的,是快快去死。
败家侯爷 三国:做卧底,被董卓偷听心声 万古独尊神帝 我的身体是盖亚 崛起风云路 我成了梦魇 上苍劫光 无敬 路人不曾想过的青春 穿越历史:我竟成了万古第一暴君 妖神九玄变 只有我是正常人! 浮生二三事 别浪先发育 末日我在海里抓鲨鱼 昱皇大帝国 不动乾坤令 一不小心偷到了绝世宝物 桐湖秘境 剑寒君心录 狗狗笼子该怎么放饭盆 合肥狗狗繁殖基地在哪 狗狗老是舔嘴巴怀张嘴 吉娃娃狗狗身上小红点 狗狗领养代替购买 狗狗乱咬东西是疯了吗 狗狗老是舔嘴巴怀张嘴 贵宾狗狗感冒了怎么办 狗狗乱拉乱尿用尿布行吗? 狗市上免费领养狗狗 狗狗脸蹭床是 狗狗脸蹭床是 狗狗螨虫887怎么样 合肥狗狗繁殖基地在哪 狗狗总跟着我怎么办 吉娃娃狗狗身上小红点 狗狗立耳最简单方法 狗狗笼子该怎么放饭盆 狗狗领养58重庆 狗狗总看着我 合肥狗狗繁殖基地在哪 狗狗总看着我 狗狗领养58重庆 和狗狗说话的图片 邯郸狗狗免费领养中心 狗狗螨虫药浴用什么药 狗狗笼子该怎么放饭盆 狗狗领养58重庆 狗狗领养58重庆 狗狗乱拉乱尿用尿布行吗? 吉娃娃狗狗身上小红点 合川二手狗狗 狗狗总是干呕不拉屎 狗狗总跟着我怎么办 狗狗螨虫887怎么样 鸡胸肉怎样煮给狗狗吃 狗狗总是干呕不拉屎 狗狗老是舔嘴巴怀张嘴 狗狗螨虫887怎么样 狗狗总挠脖子 鸡胸肉怎样煮给狗狗吃 贵宾狗狗感冒了怎么办 狗狗螨虫治疗方法 狗狗立耳最简单方法 好听白色狗狗名字大全 合川二手狗狗 狗狗脸蹭床是 鸡胸肉怎样煮给狗狗吃 狗狗螨虫药浴用什么药 狗狗老是打架惹事 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 嗜血杀器 三国辅佐刘备白手起家 符塔 无限进化:从0级螳螂开始吞噬 由懵懂到憧憬 澳门葡京官网 AG真人 快连下载 澳门葡京官网 欧博官网 合川二手狗狗 狗狗立耳最简单方法 狗狗零食鸡肉条怎么做 狗狗脸蹭床是 贵宾狗狗感冒了怎么办 狗狗子宫积液吃什么药 狗狗总是干呕不拉屎 贵宾狗狗感冒了怎么办 狗粮搭配什么狗狗爱吃 贵宾狗狗感冒了怎么办 狗狗乱咬东西是疯了吗 狗市上免费领养狗狗 狗狗老是舔嘴巴怀张嘴 狗狗笼子该怎么放饭盆 合川二手狗狗 和狗狗说话的图片 狗狗脸蹭床是 狗狗螨虫药浴用什么药 狗狗总跟着我怎么办 狗狗子宫积液吃什么药 狗狗领养58重庆 合肥狗狗繁殖基地在哪 狗粮搭配什么狗狗爱吃 狗狗总跟着我怎么办 狗狗笼子该怎么放饭盆 狗狗领养58重庆 吉娃娃狗狗身上小红点 狗狗笼子该怎么放饭盆 狗狗螨虫887怎么样 鸡胸肉怎样煮给狗狗吃