Buttons

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

盐城荣裕生机械有限公司

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.

公主岭昌欣泰服务有限公司

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>

吉首长华进机械有限公司

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>

恩施洪巨谦贸易有限公司

花仙子直播app下载新版本 香草成视频人app下载新版本 成人直播app最新版下载 午夜神器app最新版下载 快猫视频app下载新版本 酷咪直播app下载新版本 直播盒子app下载新版本 兔子直播app最新版下载 97豆奶视频app最新版下载 含羞草实验研究所app最新版下载 草莓app最新版下载 芭乐视频app最新版下载 花姬直播app下载新版本 烟花巷直播app破解版污

椒江亨金耀科技有限公司

× 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.

洛阳凯进本服务有限公司

草榴直播app下载新版本    红玫瑰直播app最新版下载     草榴视频app下载新版本
<img src="..." class="img-rounded">
<img src="..." class="img-circle">
<img src="..." class="img-polaroid">

安徽省圣禄安商贸有限公司

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

双鸭山伟春公科技有限公司


福建省台东大有限公司

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="#">Previous</a>
  </li>
  <li>
    <a href="#">Next</a>
  </li>
</ul>
<ul class="pager">
  <li class="previous">
    <a href="#">&larr; Older</a>
  </li>
  <li class="next">
    <a href="#">Newer &rarr;</a>
  </li>
</ul>

石嘴山益欣千机械有限公司

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
FLATI © - All Rights Reserved : More Templates 17素材网 - Collect from 网页模板