輔組類和響應(yīng)式工具

一．輔助類
Bootstrap 在布局方面提供了一些細(xì)小的輔組樣式，用于文字顏色以及背景色的設(shè)置、顯示關(guān)閉圖標(biāo)等等。
1.情景文本顏色

//各種色調(diào)的字體
<p class="text-muted">Bootstrap 視頻教程</p>
<p class="text-primary">Bootstrap 視頻教程</p>
<p class="text-success">Bootstrap 視頻教程</p>
<p class="text-info">Bootstrap 視頻教程</p>
<p class="text-warning">Bootstrap 視頻教程</p>
<p class="text-danger">Bootstrap 視頻教程</p>
2.情景背景色

//各種色調(diào)的背景
<p class="bg-primary">Bootstrap 視頻教程</p>
<p class="bg-success">Bootstrap 視頻教程</p>
<p class="bg-info">Bootstrap 視頻教程</p>
<p class="bg-warning">Bootstrap 視頻教程</p>
<p class="bg-danger">Bootstrap 視頻教程</p>
3.關(guān)閉按鈕
<button type="button" class="close">×</button>

4.三角符號(hào)
<span class="caret"></span>

5.快速浮動(dòng)
<div class="pull-left">左邊</div>
<div class="pull-right">右邊</div>
注：這個(gè)浮動(dòng)其實(shí)就是 float，只不過使用了!important 加強(qiáng)了優(yōu)先級(jí)。

6.塊級(jí)居中
<div class="center-block">居中</div>
注：就是 margin:x auto；并且設(shè)置了 display:block;。

7.清理浮動(dòng)
<div class="clearfix"></div>
注：這個(gè) div 可以放在需要清理浮動(dòng)區(qū)塊的前面即可。

8.顯示和隱藏
<div class="show">show</div>
<div class="hidden">hidden</div>
響應(yīng)式工具
在媒體查詢時(shí)，針對(duì)不同的屏幕大小，有時(shí)需要顯示和隱藏部分內(nèi)容。響應(yīng)式工具類， 就提供了這種解決方案。

//超小屏幕激活顯示
<div class="visible-xs-block a">Bootstrap</div>

//超小屏幕激活隱藏
<div class="hidden-xs a">Bootstrap</div>

注：對(duì)于顯示的內(nèi)容，有三種變體，分別為：block、inline-block、inline。