要使用預設網格巢狀內容，請在現有的 .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 也可以用於更語義化的佈局。列透過填充建立槽（列內容之間的間隙）。該填充在第一行中被抵消 ... 閱讀更多