BootStrap學習之輔組類與響應式工具介紹

本篇文章就跟大家介紹BootStrap學習之輔組類和響應式工具。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。如果大家想要學習和獲取更多的bootstrap相關影片教學也可以訪問：bootstrap教學！

text-*表示字體顏色，bg-*表示字體的背景顏色

.close

.close

<button>×</button>

預設位置為父元素的右上角

小三角圖示.caret

<span></span>

快速浮動.pull-left 和.pull-right

<p>我是文字</p>
<p>我是文字</p>

這個浮動其實就是 float ，只不過使用了!important

 

加強了優先順序。

塊狀居中center-block

<p>我是文字</p>

清理浮動clearfix

<p>我是文字</p>
		

		
<p>我是文字</p>

這個p 可以放在需要清理浮動區塊的前面即可。

顯示（.show）和隱藏(.hidden)

<p>我是文字</p>
		
<p>我是文字</p>

其實就是 display ：block或none  增加了一個！ important加強了優先權#大螢幕.visible-xs-*顯示  .visible-sm-* 顯示  顯示

響應式工具	超小螢幕	手機（小螢幕	##平板(≥768px)	中螢幕 桌面(≥992px)
桌(≥1200px)
		##
		##.visible-md- *
		.visible-lg-*

###################################### # ###### ###### ######顯示#############.hiddem-xs#####已隱藏##### ## #### ###### ############.hidden-sm###### #####已隱藏###### ###### # ############.hidden-md###### ###### ######已隱藏###### ########################################################## ####.hidden-lg###### ####### ####### ######已隱藏###############為顯示的內容，有三種變體，分別為：block、inline-block、inline。 #########所加的樣式都加入了 !important 的優先權。 ######總結：以上就是這篇文章的全部內容，希望能對大家的學習有所幫助。 ###

以上是BootStrap學習之輔組類與響應式工具介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！