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
狗狗吃狗粮都不嚼吗狗狗吃东西吐只喝水怎么办狗狗吃狗粮软便狗狗吃狗粮要控量吗狗狗吃狗粮又吐又拉稀狗狗吃狗粮都不嚼吗狗狗吃蛋黄能美毛吗狗狗吃狗粮软便狗狗吃的芒果吗狗狗吃火龙果拉肚子怎么办狗狗吃骨头汤长的快吗狗狗吃狗粮软便狗狗吃大蒜怎么做狗狗吃骨头汤长的快吗狗狗吃狗粮咽着狗狗吃火龙果拉肚子怎么办狗狗吃的鸡胸肉怎么煮狗狗吃狗粮又吐又拉稀怎么办狗狗吃狗粮又吐又拉稀狗狗吃饭前 拱碗狗狗吃的驱虫药好多钱狗狗吃狗粮又吐又拉稀怎么办狗狗吃的芒果吗狗狗吃多了会吐多久狗狗吃狗粮又吐又拉狗狗吃动物奶油吗狗狗吃狗粮又吐又拉狗狗吃多了会吐多久狗狗吃饭前 拱碗狗狗吃大蒜怎么做简介:永徽三年十一月乙亥夤夜,24岁的滕王李元婴接到调令出任洪州都督,并接受了寻找洪州秘密粮仓的任务。第二天天不亮他就起身奔赴洪州,走马上任后他发现洪州的局面比他想象中还要复杂:前朝氏族与一些当朝权贵将其视作禁脔;南陈遗民、本地氏族、潦人站出来争夺,就连胡商与倭国人也是虎视眈眈,想要伺机分一杯羹,一时间洪州风云四起,争斗不息…… 永辉四年,滕王李元婴站在空粮仓前,脑海中慢慢勾勒出一座“明三暗七”的楼阁,其名滕王阁。修仙界,芸芸宗门犹如恒河之沙。 古往今来皆为求那天地长生,但却从未见过长生之人。 然而,小宗门少主杨无敌,却开启了与生俱来之宝。 求道最难的是什么? 是悟性,而杨无敌有百倍。 求道机缘出现,最危险的是什么? 是敌人仇杀。但杨无敌金丹修为,便已同神魔不灭。 试问求道生涯当中,最痛苦的是什么? 当然是亲朋好友战死。 “叮,恭喜宿主掌控造化力。” 杨无敌一本正经道:“本少主把你们养成了大帝,就别给我装死,起来继续打工、继续嗨。” 【系统+无女主+穿越】(萌新作者,文笔不好勿喷) 刘铭死了,但又没完全死。准确的说,他,跟随潮流一起穿越了。穿到了一个名为哈利波特的魔法世界,而他生前就是一个哈迷。 但这个哈利波特世界跟jk罗琳写的哈利波特有所出入。比如,这个世界并没有黑魔王,詹姆和莉莉也好好的活着,哈利·波特还多了个双胞胎哥哥。 而刘铭穿成了哈利的双胞胎哥哥伊雷·波特,当然作为穿越众中的一人,金手指也是必不可少。所以当他穿越到这个世界一年后。他得到了一个名叫霍格沃茨最强抽卡的系统。 【恭喜抽到传说卡:黑魔法精通】 【恭喜抽到传说卡:我蓝超多】 【恭喜抽到技能点】 【恭喜抽到传说卡:变异蜷翼魔】 …… 伊雷无奈的摊了摊手“没办法,太欧了”自凡人之流,窥仙人之梦,走修仙之道,得仙人之果,终俯仰天地之间,逍遥红尘世间。 遥望着远方的星辰,恢宏的银河就在那里。 神秘的黄河把李生带到了这神奇的地方,这个有着古老文明的地方懦弱注定会被人所瞧不起,只有鼓起勇气才能登上人生的巅峰,不忘初心,为自己的理想而战,站起来吧少年!缘若未尽,必有重逢。念念不忘,必有回响。成年人的告别仪式很简单,你没有回我消息,我也便默契的没有再发,就这样安静地消失在彼此的生活里,好像从没认识过一样。 每件事都是最好的安排,包括你出现,包括你离开,都是最好的安排。希望你比昨天聪明,比去年自由。 他日功成名遂了,还乡,醉笑陪公三万场。 我们不能改变现实,只能安慰“今天是离别是为了以后更好的相聚”。人生有初见,相识,就一定会有离别。可是,这样的离别,还是出乎了我们所有人的意料。 纵使受尽委屈!经常会问自己!我也要努力,有时候…….让人心痛的不是离别!而是离别后的回忆!这是一个普普通通的穿越故事,然而穿越了也不一定是主角,就比如夏子羽同学。“小姐姐,有事说话,别动手。”“小姐姐,先把剑放下。”“小姐姐,你又捡到宝物了吗?”……夏子羽陷入了沉思,“所以,谁才是主角?”还俗的高僧王元陵,在去好友葬礼的路上,遇上了一个奇怪的少年,从此,一块以关中为目标的巨大鬼局的幕布拉开了,八百里关中平原和平安宁的表象下,暗流开始涌动……龙神之子龙熠被留在下界,面对悲惨的命运,龙熠又该如何面对?
神医从妇科圣手开始 莫斯肯漩涡 魔女大人新世界冒险中 天源太虚 穿越从无敌开始 烈海王异世界之旅 浮世须臾纪 四个游戏 我史上最快飞升者 这个游戏玩不死你 修仙从继承灵兽铺开始 精灵:这个馆主不务正业 茗刀 玄幻:开局拥有百亿黄金 米斯大陆 少爷,别怂! 小爷我不是公子 柳江南 仗剑问道 御灵日记 狗狗吃动物奶油 狗狗吃火龙果拉肚子 狗狗吃的鸡胸肉怎么煮 狗狗吃狗粮又吐又拉稀 狗狗吃动物奶油 狗狗吃多啦怎么办 狗狗吃的鸡胸肉怎么煮 狗狗吃火龙果拉稀 狗狗吃动物奶油吗 狗狗吃火腿肠的好处 狗狗吃的芒果 狗狗吃的芒果 狗狗吃饭拱我脚 狗狗吃火龙果拉肚子 狗狗吃狗粮都不嚼吗 狗狗吃狗粮又吐又拉稀 狗狗吃的抗菌消炎药品 狗狗吃动物奶油吗 狗狗吃掉晕倒的主人 狗狗吃狗粮软便 狗狗吃火龙果拉肚子 狗狗吃狗粮软便 狗狗吃掉晕倒的主人 狗狗吃狗粮又吐又拉稀怎么办 狗狗吃火龙果拉肚子怎么办 狗狗吃饭拱我脚 狗狗吃动物奶油 狗狗吃东西吐只喝水怎么办 狗狗吃掉晕倒的主人 狗狗吃动物奶油吗 狗狗吃狗粮又吐又拉稀 狗狗吃坏了吐了咋办 狗狗吃狗粮要控量吗 狗狗吃狗粮都不嚼吗 狗狗吃多了会吐多久 狗狗吃狗粮又吐又拉 狗狗吃狗粮要控量吗 狗狗吃的鸡胸肉怎么煮 狗狗吃饭拱我脚 狗狗吃狗粮咽着 狗狗吃狗粮又吐又拉 狗狗吃火龙果拉稀 狗狗吃狗粮蹭鼻子 狗狗吃的抗菌消炎药品 狗狗吃骨头汤长的快吗 狗狗吃坏了吐了咋办 狗狗吃的芒果 狗狗吃狗粮又吐又拉 狗狗吃饭拱我脚 狗狗吃到打嗝还要吃 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 我能掌控诸天秘境 英雄的赞歌 我真没想背叛地球啊 大秦:开局觉醒暗影系统 大周败家子 亚星管理平台 亚星官网 万利游戏官网 亚星管理平台 澳门葡京游戏官网 狗狗吃东西吐只喝水怎么办 狗狗吃坏了吐了咋办 狗狗吃骨头汤长的快吗 狗狗吃狗粮咽着 狗狗吃狗粮要控量吗 狗狗吃饭前 拱碗 狗狗吃狗粮都不嚼吗 狗狗吃多了会吐多久 狗狗吃狗粮又吐又拉稀怎么办 狗狗吃火龙果拉稀 狗狗吃东西吐只喝水怎么办 狗狗吃饭前 拱碗 狗狗吃的抗菌消炎药品 狗狗吃动物奶油吗 狗狗吃蛋黄能美毛吗 狗狗吃狗粮都不嚼吗 狗狗吃掉晕倒的主人 狗狗吃骨头汤长的快吗 狗狗吃骨头汤长的快吗 狗狗吃动物奶油 狗狗吃动物奶油吗 狗狗吃的驱虫药好多钱 狗狗吃狗粮蹭鼻子 狗狗吃多啦怎么办 狗狗吃狗粮又吐又拉稀 狗狗吃狗粮咽着 狗狗吃掉晕倒的主人 狗狗吃饭拱我脚 狗狗吃火龙果拉肚子 狗狗吃动物奶油