bootstrap4的柵格分成幾類

bootstrap4的柵格分成5類：1、“.col”，針對所有設備；2、“.col-sm”，針對平板設備；3、“.col-md”，針對桌面顯示器；4、“.col-lg”，針對大桌面顯示器；5、“.col-xl”，針對超大桌面顯示器。

本教學操作環境：Windows7系統、bootsrap4版、DELL G3電腦

Bootstrap 提供了一套響應式、移動設備優先的流式網格（柵格）系統，隨著螢幕或視口（viewport）尺寸的增加，系統會自動分為最多12 列。

我們也可以根據自己的需要，定義列數：

Bootstrap 4 的柵格系統是響應式的，列會根據螢幕大小自動重新排列。

Bootstrap 4 網格系統有以下5 個類別：

• .col- 針對所有裝置

• .col-sm- 平板- 螢幕寬度等於或大於576px

• #.col-md- 桌面顯示器- 螢幕寬度等於或大於768px)

• .col-lg- 大桌面顯示器- 螢幕寬度等於或大於992px)

• .col-xl- 超大桌面顯示器- 螢幕寬度等於或大於1200px)

下表總結了Bootstrap 網格系統如何在不同裝置上運作的：

≥768px≥992px#O#  ##  # 960px.col- xl-列數與間隙寬度可嵌套列排序

	超小型裝置	平板 #        ≥576px	##」桌面顯示器	##T雕像#22272276px”桌面顯示器#	大型桌上型顯示器
		##容器最大寬度	None (auto)	540px	720px
1140px	類別前綴	.col-	.col-sm -	.col-md-	.col-lg-
12
#30px （一個列的每邊分別15px）
#Yes

Yes

###更多關於bootstrap的相關知識，可在：###bootstrap基礎教學###！ ！ ###

以上是bootstrap4的柵格分成幾類的詳細內容。更多資訊請關注PHP中文網其他相關文章！