基本的網格配置，讓您熟悉在 Bootstrap 網格系統中建置。
在這些範例中，.themed-grid-col 類別會新增到欄位，以新增一些主題。這不是 Bootstrap 中預設提供的類別。
Bootstrap 網格系統有五個層級，每個層級對應到我們支援的裝置範圍。每個層級從最小視窗大小開始，並自動套用至較大的裝置，除非另有指定。
取得三個等寬欄位，從電腦開始，並縮放到大型電腦。在行動裝置、平板電腦及以下裝置上，欄位會自動堆疊。
取得三個欄位，從電腦開始，並縮放到大型電腦，寬度不一。請記住，網格欄位的總和應為十二，才能形成單一水平區塊。超過此數值，欄位會開始堆疊，不論視窗大小為何。
取得兩個欄位，從電腦開始，並縮放到大型電腦。
全寬元素不需要網格類別。
根據文件，巢狀很容易，只要將一列欄位放入現有欄位中即可。這會提供兩個欄位，從電腦開始，並縮放到大型電腦，另一個較大欄位中還有兩個（等寬）欄位。
在行動裝置、平板電腦及以下裝置大小上，這些欄位及其巢狀欄位會堆疊。
Bootstrap v4 網格系統有五個層級的類別：xs（超小，未使用的類別字首）、sm（小）、md（中）、lg（大）和 xl（超大）。您可以使用這些類別的幾乎任何組合，以建立更動態且彈性的配置。
每個層級的類別都會縮放，表示如果您計畫為 md、lg 和 xl 設定相同的寬度，您只需要指定 md 即可。
Bootstrap v4.4 中新增的其他類別允許容器在特定斷點之前為 100% 寬度。