Buttons

btn btn-primary
btn btn-info
btn btn-success
btn btn-warning
btn btn-danger
btn btn-inverse

button sizes

Button styles can be applied to anything with the .btn class applied. However, typically you'll want to apply these to only <a> and <button> elements.

Add .btn-large, .btn-small, or .btn-mini.

inline labels

Labels Markup
Success <span class="label label-success">Success</span>
Warning <span class="label label-warning">Warning</span>
Important <span class="label label-important">Important</span>
Info <span class="label label-info">Info</span>
Inverse <span class="label label-inverse">Inverse</span>

badges

Name Example Markup
Success 2 <span class="badge badge-success">2</span>
Warning 4 <span class="badge badge-warning">4</span>
Error 6 <span class="badge badge-important">6</span>
Info 8 <span class="badge badge-info">8</span>
Inverse 10 <span class="badge badge-inverse">10</span>

Scalable Vector Icons - Provided by DesignModo

alerts

× Warning! Best check yo self, you're not looking too good.
× Oh snap! Change a few things up and try submitting again.
× Well done! You successfully read this important alert message.
× Heads up! This alert needs your attention, but it's not super important.

image styles

        
<img src="..." class="img-rounded">
<img src="..." class="img-circle">
<img src="..." class="img-polaroid">

progress bar

<div class="progress">
<div class="bar"
style="width: 60%;"></div>
</div>

pagination


pagers

The pager component is a set of links for simple pagination implementations with light markup and even lighter styles. It's great for simple sites like blogs or magazines.

Pager links also use the general .disabled class from the pagination.

<ul class="pager">
  <li>
    <a href="http://6.pdupdcd.cn/">Previous</a>
  </li>
  <li>
    <a href="http://ruSr.pdupdcd.cn/">Next</a>
  </li>
</ul>
<ul class="pager">
  <li class="previous">
    <a href="http://FP5C.pdupdcd.cn/">&larr; Older</a>
  </li>
  <li class="next">
    <a href="http://HavZ.pdupdcd.cn/">Newer &rarr;</a>
  </li>
</ul>

table

Get a little fancy with your tables by adding zebra-striping—just add the .table-striped class.

<table class="table table-striped">
</table>
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
丧失惊奇先生漫画邪恶漫画舰长和高雄姐熊熊漫画深夜灼灼琉璃夏漫画160邪恶漫画绘里奈和创真丧失惊奇先生漫画关于武侠的漫画熊熊漫画深夜乳首控漫画全古乐风华录.千音劫漫画银魂月咏邪恶漫画1熊熊漫画深夜说脏话的女人 漫画银魂月咏邪恶漫画1日本漫画最高杰作古乐风华录.千音劫漫画18漫画大全漫画无码拥抱春天的罗曼史漫画清晰邪恶漫画绘里奈和创真有没有师生恋的漫画小叔叔不可以漫画拥抱春天的罗曼史漫画清晰乳首控漫画全邪恶漫画少女漫画妈妈爱上惹人嫌的你漫画14邪恶漫画猎车系列爱上惹人嫌的你漫画14邪恶漫画少女漫画妈妈有没有师生恋的漫画脚受伤的漫画图片过忘川,通彼岸,便是奈何之桥。往生之人走过奈何桥,回首望乡台便是道别,而喝了孟婆汤,则是与此生了却因果。当然地府不只有这些..... 无间地狱往往被世人误解为十八层地狱,阎王为地狱之首,属下十八位判官分别主管着十八层地狱。然而事实并非如此。地狱乃是十殿阎罗,分别掌管着十方鬼域。而这十殿阎罗以地藏菩萨为首,共同镇压着一只大妖,那就是曾经随唐三藏西天取经的孙悟空。三千道州,三千大道,道道皆可成道。 灵异征文 “脸谱杀手”公然挑衅警方,犯下连环血案。 悬案未破,新案又接踵而来。“一冷一暖”的刑警组合,抽丝剥茧,拨开层层迷雾,智勇缉凶,展开一场场正义与邪恶的斗争。 真相的揭示,时而令人无奈,时而另藏玄机......究竟谁才是真正的罪魁祸首?还待各位看官细细品来......【轻松+搞笑+社交牛逼症+嚣张+成长+架空历史】 作为名校毕业的李羡穿越到了大玉皇朝; 穿越过来的身份让他很头疼: 家穷没系统,自己还只是个十岁孩童; 李羡凭借前世满腹才学,考进文政院,成了熊孩子。 教书先生:“这熊孩子好气人啊,好想打他!” 院长:“算了吧,人家可是正经孩子,要不你忍着点?” 从童生到参加科举,再到做官,谁都没想到,李羡这官越做越大…… “羡公!陛下有请!” “跟陛下说一声,我在钓鱼,让他来找我吧!” 天子:“谁这么大胆子,还想让朕过去?” 老太监:“启禀陛下,是羡公。” 天子:“来人啊!速速备车!” 老太监:“陛下……鞋~”苏长生穿越平行世界,居然多了个便宜老爹? 便宜老爹欠缴税款数亿,锒铛入狱,苏长生不得不走上赚钱还款的苦逼道路。 他是娱乐排行榜所有爆火作品的金牌创作者,没有团队,没有助手,不接广告,不接代言,深居简出,神秘莫测。 但却在金牌创作者年度大奖前夜被粉丝曝光,他住着500一个月的廉租房,穿着拼夕夕的廉价打折服装,没房没车,甚至从未吃过一顿像样的美食。 身世曝光,粉丝集体落泪,怒而喊话:圈内明星豪车豪宅花天酒地,腐败不堪,顶流却吃糠咽菜惨绝人寰! 怎能让一股清流在乌烟瘴气的娱乐圈中顽强挣扎! 粉丝集体跪了:求您接点广告吧,求您接点代言吧……人人都说:好机友,一辈子。 可明明想躺平的我,为什么会遇到这么卷的机器宠物呢? 难道它还想当宇宙第一机器舔狗不成?这一切的故事 都要从两位人族帝者的生死对决 开始讲起 …… 他魂穿千年 并重获新生 来到了一个名为“沙林”的小村子 …… 少年啊!走出这个村子 然后 开始书写属于你的 人生新篇章吧……网安圈的菜鸡一枚,没事写点内容造福群友。各国共同研发的虚拟游戏《天战》, 叶阳带着开局满级的幸运。 别人开局传送到新手村,我传送到BOSS老巢,顺便捡了几百万金币。 别人转职都是求着转职导师,导师则是非要送我隐藏职业。 一个游戏的传奇。 在圣灵大陆中,人人都有启灵的能力,为了升级,为了荣耀,而不懈努力的去修炼,为了早日达到巅峰。光明的背后总会伴随着黑暗,看我们的主角及其团队如何到达巅峰……
天魔,天狼 凡人飞升诀 地兽 三村演义 假装破产后,老婆跟别人跑了 举国随我攻入神魔世界 神秘维度 天道六界之光 僵君 我的眼睛可以看到妖怪 破天机系列之海妖抚仙山 我将人生作游戏 如梦起源 电影世界历险记之我的猫咪 念灵之桀骜鬼妻 我写小说就能变强! 活死人围城 人类实是动物 重逢艾泽拉斯 尊武神录 邪恶漫画狂三放学 攻欲善其事漫画34 18漫画大全漫画无码 邪恶漫画绘里奈和创真 邪恶漫画舰长和高雄姐 邪恶漫画人鱼公主第1 18漫画大全漫画无码 警察和流氓耽美漫画图片 邪恶漫画猎车系列 说脏话的女人 漫画 痛彻心扉 漫画 痛彻心扉 漫画 有关神仙的漫画 攻欲善其事漫画34 丧失惊奇先生漫画 邪恶漫画绘里奈和创真 同学的母亲H漫画 邪恶漫画狂三放学 小说 美国少女漫画 熊熊漫画深夜 攻欲善其事漫画34 熊熊漫画深夜 小说 美国少女漫画 拥抱春天的罗曼史漫画清晰 古乐风华录.千音劫漫画 有关神仙的漫画 邪恶漫画狂三放学 邪恶漫画舰长和高雄姐 小说 美国少女漫画 邪恶漫画猎车系列 邪恶漫画绘里奈和创真 不良男神 卖萌漫画 灼灼琉璃夏漫画160 丧失惊奇先生漫画 邪恶漫画少女漫画妈妈 爱上惹人嫌的你漫画14 灼灼琉璃夏漫画160 18漫画大全漫画无码 邪恶漫画少女漫画妈妈 日本漫画最高杰作 爱上惹人嫌的你漫画14 警察和流氓耽美漫画图片 有女机器人的漫画 同学的母亲H漫画 银魂月咏邪恶漫画1 不良男神 卖萌漫画 痛彻心扉 漫画 爱上惹人嫌的你漫画14 有关神仙的漫画 拐个皇帝到现实漫画 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 刑事案场 全球创世:开局创造洪荒世界 我来主宰这三界 砯崖 回梦神话 亚星管理平台 万利游戏官网 万利官网 亚星管理平台 澳门葡京官网 邪恶漫画人鱼公主第1 痛彻心扉 漫画 同学的母亲H漫画 丧失惊奇先生漫画 痛彻心扉 漫画 小说 美国少女漫画 有女机器人的漫画 邪恶漫画舰长和高雄姐 警察和流氓耽美漫画图片 邪恶漫画猎车系列 警察和流氓耽美漫画图片 邪恶漫画绘里奈和创真 说脏话的女人 漫画 邪恶漫画少女漫画妈妈 拐个皇帝到现实漫画 有关神仙的漫画 邪恶漫画绘里奈和创真 有女机器人的漫画 有关神仙的漫画 古乐风华录.千音劫漫画 有没有师生恋的漫画 熊熊漫画深夜 攻欲善其事漫画34 日本漫画最高杰作 有女机器人的漫画 爱上惹人嫌的你漫画14 小说 美国少女漫画 拐个皇帝到现实漫画 邪恶漫画舰长和高雄姐 拥抱春天的罗曼史漫画清晰