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下载iOS fi11含羞草app官网 云上花app官网 午夜直播app下载iOS 卡哇伊app下载iOS 豆奶短视频app下载iOS 食色短视频app官网 抖阴视频app下载污 陌秀直播app官网 香蜜直播app官网 逗趣直播app下载污 富二代f2抖音app下载iOS

濮阳正裕伟服务有限公司

× 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官网     盘她s直播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 网页模板