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视频污版 A头条app污下载安卓 暖暖直播app污版下载网站 彩云直播app污下载安卓 红楼直播app污版下载网站 卡哇伊直播app污下载安卓 夜猫视频app污版下载网站 d2天堂app污下载安卓 恋人直播app污下载安卓 豆奶抖音短视频下载app视频污版 尤蜜视频下载app视频污版 樱花下载app视频污版 趣播app污下载安卓 avgo下载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 网页模板