本篇文章就跟大家介紹BootStrap學習之輔組類和響應式工具。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。如果大家想要學習和獲取更多的bootstrap相關影片教學也可以訪問：bootstrap教學！
text-*表示字體顏色，bg-*表示字體的背景顏色
.close
.close
預設位置為父元素的右上角小三角圖示.caret 快速浮動.pull-left 和.pull-right
<p>我是文字</p>
<p>我是文字</p>
登入後複製
float
，只不過使用了!important
加強了優先順序。
塊狀居中center-block
清理浮動clearfix
<p>我是文字</p>
<p>我是文字</p>
登入後複製
這個p 可以放在需要清理浮動區塊的前面即可。
顯示（.show）和隱藏(.hidden)
<p>我是文字</p>
<p>我是文字</p>
登入後複製
其實就是 display ：block或none 增加了一個！ important加強了優先權
| 響應式工具 |
超小螢幕 |
手機（小螢幕 |
##平板(≥768px)
|
中螢幕
桌面(≥992px)
|
#大螢幕
| 桌(≥1200px) |
|
|
|
| .visible-xs-*
顯示 | | ## |
|
|
|
|
|
|
|
|
|
| .visible-sm-* | | 顯示
| |
##.visible-md- * |
|
|
顯示
| |
|
.visible-lg-* |
|
|
|
|
|
|
|
|
|
|
|
|
###################################### # ###### ###### ######顯示#############.hiddem-xs#####已隱藏##### ## #### ###### ############.hidden-sm###### #####已隱藏###### ###### # ############.hidden-md###### ###### ######已隱藏###### ########################################################## ####.hidden-lg###### ####### ####### ######已隱藏###############為顯示的內容，有三種變體，分別為：block、inline-block、inline。 #########所加的樣式都加入了 !important 的優先權。 ######總結：以上就是這篇文章的全部內容，希望能對大家的學習有所幫助。 ###
以上是BootStrap學習之輔組類與響應式工具介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！
