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污 91香蕉app污 麻豆传媒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 网页模板