希望您先前已閱讀過 Flexbox 簡介 理論，讓我們更深入探討欄位。

針對等高的列，利用特定斷點的列類別。為您需要的每個斷點添加任意數量的無單位類別，並且每列都將是相同的高度。

等高

例如，這裡有兩個網格佈局，適用於從 xs 到 xl 的每個裝置和視窗。

設定單列高度

Flexbox 網格列的自動佈局也意味著您可以設定一列的高度，其他列將自動調整大小以適應它。您可以使用預定義的網格類別（如下所示）或內聯高度。請注意，無論中心列的高度如何，其他列都會調整大小。

可變高度內容

使用 col-{breakpoint}-auto 類別，列可以根據其內容的自然高度調整自身大小。這對於單行內容（如輸入框、數字等）非常方便。這與水平對齊類別結合使用，對於在視窗高度變化時，使具有不均勻列大小的佈局居中非常有用。

響應式類別

網格包含五個層級的預定義類別，用於構建複雜的響應式佈局。在超小型、小型、中型、大型或超大型裝置上，隨心所欲地自訂列的大小。

所有斷點

對於從小裝置到大裝置都相同的網格，請使用 .col 和 .col-* 類別。當您需要特定大小的列時，請指定編號類別；否則，請隨意使用 .col。

混合搭配

不希望您的列在某些網格層級中簡單堆疊嗎？根據需要，為每個層級使用不同類別的組合。請參閱下面的範例，以更好地了解其運作方式。

對齊

使用 flexbox 對齊工具來垂直和水平對齊欄位。

換行

如果在單列中放置超過 12 個欄位，則每組額外的欄位將作為一個單位換行到新行。

重新排序

巢狀結構

若要使用預設網格巢狀結構化您的內容，請在現有的 .col-sm-* 欄位中新增一個新的 .row 和一組 .col-sm-* 欄位。巢狀結構列應包含一組總計為 12 個或更少的欄位（不要求您使用所有 12 個可用的欄位）。

Flex Grid 實驗場

若要查看 Flex 的實際運作，您可以使用 Flex 實驗場以互動方式了解更多資訊。