要使用預設網格巢狀內容，請在現有 .col-md-* 列中新增一個新的 .row 和一組 .col-md-* 列。您可以嘗試執行以下程式碼來學習如何在 Bootstrap 中實現巢狀列 - 示例 線上演示 Bootstrap 示例 標題 標題 這是演示文字。 標題 這是演示文字。 這是框 1。 這是框 2。 這是框 3。 這是框 4。

Bootstrap 網格系統提供以下策略來組織網頁上的內容 - 內容確定什麼最重要。佈局首先設計為較小的寬度。基礎 CSS 首先解決移動裝置問題；媒體查詢解決平板電腦和桌上型電腦的相容性問題。漸進增強隨著螢幕尺寸的增加新增元素。

偏移用於為獲得更多間距而推動列。要在大型顯示器上使用偏移，請使用 .col-md-offset-* 類。您可以嘗試執行以下程式碼來學習如何在 Bootstrap 中使用偏移列 - 示例 線上演示 Bootstrap 示例 標題一 這是演示文字。這是演示文字。

以下示例顯示了針對多種裝置使用網格的方法 - 示例 線上演示 Bootstrap 示例 Hello, world! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut ... 閱讀更多

在 Bootstrap 中使用 .previous 類左對齊連結。您可以嘗試執行以下程式碼來實現 .previous 類 - 示例 線上演示 Bootstrap 示例 答案 ← 舊的 新的 →

以下示例顯示了適用於中型和大型裝置的 Bootstrap 網格 - 示例 線上演示 Bootstrap 示例 Hello, world! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut ... 閱讀更多

以下示例顯示了堆疊到水平的 Bootstrap 網格 - 示例 線上演示 Bootstrap 示例 標題一 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad ... 閱讀更多

Bootstrap 中的網格結構如下所示 - 示例 …… ……

要實現 table-bordered 類，您可以嘗試執行以下程式碼 - 示例 線上演示 Bootstrap 表格 足球運動員排名 足球運動員 排名 國家 梅西 1 阿根廷 內馬爾 2 巴西 羅納爾多 3 葡萄牙

網格系統用於透過一系列包含內容的行和列來建立頁面佈局。以下是 Bootstrap 網格系統的工作原理：行必須放在 .container 類中才能正確對齊和填充。使用行建立列的水平組。內容應放在列中，並且只有列可以作為行的直接子元素。預定義的網格類，如 .row 和 .col-xs-4，可用於快速建立網格佈局。更少的 mixin 也可用於更語義化的佈局。列透過填充建立間距（列內容之間的間隙）。該填充在第一行的行中被抵消…… 閱讀更多