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下载 大象视频下载app 丝瓜视频污下载app 欢喜视频app下载 茄子直播下载app 6房间视频直播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     9uu下载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 网页模板