Bootstrap 網格 - 大型裝置

Bootstrap 網格示例：大型裝置

在上一個章節中，我們展示了一個具有針對小尺寸和大尺寸裝置的網格示例。我們使用了兩個 div（列），並在小尺寸裝置上將它們設定為 25%/75% 的比例，在尺寸裝置上設定為 50%/50% 的比例。

但在大尺寸裝置上，33%/66% 的比例可能更好。

提示： 大型裝置定義為螢幕寬度為1200 畫素及以上。

對於大型裝置，我們將使用 .col-lg-* 類。

所以現在我們將為大型裝置新增列的寬度

Bootstrap 現在會說“在小尺寸裝置上，檢視包含 -sm- 的類並使用它們。在中等尺寸裝置上，檢視包含 -md- 的類並使用它們。在大尺寸裝置上，檢視包含 -lg- 的類並使用它們”。

以下示例在小尺寸裝置上將實現 25%/75% 的分割，在中等尺寸裝置上實現 50%/50% 的分割，在大尺寸裝置上實現 33%/66% 的分割

僅使用大尺寸

在下面的示例中，我們只指定了 .col-lg-6 類（沒有 .col-md-* 和/或 .col-sm-*）。這意味著大型裝置將實現 50%/50% 的分割。但是，對於中等和小型裝置，它將垂直堆疊（100% 寬度）