## 輔助類 Bootstrap 在布局方面提供了一些細小的輔組樣式，用于文字顏色以及背景色的設置、顯示關閉圖標等等。 ### 情景背景色 |樣式|描述| |---|---| |text-muted |柔和灰| |text-primary|主要藍| |text-success|成功綠| |text-info| 信息藍| |text-warning|警告黃| |text-danger|危險紅| 各種色調的背景 ~~~html <p class="text-muted">BOOTSTRAP</p> <p class="text-primary">BOOTSTRAP</p> <p class="text-warning">BOOTSTRAP</p> <p class="text-danger">BOOTSTRAP</p> <p class="text-success">BOOTSTRAP</p> <p class="text-info">BOOTSTRAP</p> ~~~ ### 關閉按鈕 ~~~html <button type="button" class="close">&times;</button> ~~~ ### 三角符號 ~~~html <span class="caret"></span> ~~~ ### 快速浮動 > 注：這個浮動其實就是 float，只不過使用了!important 加強了優先級。 ~~~html <div class="pull-left a">aaaa</div> ~~~ ### 塊級居中 ~~~html <div class="center-block">居中</div> ~~~ ### 清理浮動 ~~~html <div style="border: 1px solid red;"> <div class="pull-left a">aaaa</div> <div class="clearfix"></div> </div> ~~~ ### 顯示和隱藏 ~~~html <div class="show">show</div> <div class="hidden">hidden</div> ~~~ ## 響應式工具 在媒體查詢時，針對不同的屏幕大小，有時需要顯示和隱藏部分內容。響應式工具類，就提供了這種解決方案。   **超小屏幕激活顯示** ~~~html <div class="visible-xs-block a">aaa</div> ~~~ **超小屏幕激活隱藏** ~~~html <div class="hidden-xs a">bbb</div> ~~~ > 注：對于顯示的內容，有三種變體，分別為：block、inline-block、inline。