Bootstrap，來自Twitter，是目前最受歡迎的前端框架。 Bootstrap 是基於HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得Web 開發更加快捷。
學習要點：
1.輔組類
2.響應式工具
本節課我們主要學習一下Bootstrap 的輔組類和響應式工具， 輔助類提供了一組類來輔組頁面設計，而響應式工具則利用媒體查詢顯示或隱藏某些內容。
一．輔助類
Bootstrap 在佈局方面提供了一些細小的輔組樣式，用於文字顏色以及背景色的設置、顯示關閉圖標等等。
1.情景文本顏色
樣式列表樣式名描述text-muted 柔和灰text-primary 主要藍text-success 成功綠text-info 信息藍text-warning 警告黃text-danger 危險紅//各種色調的字體<p>Bootstrap 視頻教程</p><p>Bootstrap 視頻教程</p><p>Bootstrap 視頻教程</p><p>Bootstrap 視頻教程</p><p>Bootstrap 視頻教程</p><p>Bootstrap 視頻教程</p>
2.情景背景色
樣式列表樣式名描述bg-primary 主要藍bg-success 成功綠bg-info 信息藍bg-warning 警告黃bg-danger 危險紅//各種色調的背景<p>Bootstrap 視頻教程</p><p>Bootstrap 視頻教程</p><p>Bootstrap 視頻教程</p><p>Bootstrap 視頻教程</p><p>Bootstrap 視頻教程</p>
3.關閉按鈕
<button type="button">×</button>
4.三角符號
<span></span>
5.快速浮動
<div>左邊</div><div>右邊</div>
注：這個浮動其實就是float，只不過使用了!important 加強了優先級。
6.塊級居中
<div>居中</div>
注：就是margin:x auto；並且設置了display:block;。
7.清理浮動
<div></div>
注：這個div 可以放在需要清理浮動區塊的前面即可。
8.顯示和隱藏
<div>show</div><div>hidden</div>
二．響應式工具
在媒體查詢時，針對不同的屏幕大小，有時需要顯示和隱藏部分內容。響應式工具類，就提供了這種解決方案。
//超小屏幕激活顯示<div>Bootstrap</div> //超小屏幕激活隱藏<div>Bootstrap</div>
注：對於顯示的內容，有三種變體，分別為：block、inline-block、inline。
以上所述是小編給大家介紹的BootStrap組件之輔組類與響應式工具的相關內容，希望對大家有所幫助！