Bootstrap - 網格演示

什麼是網格？

在平面設計中，網格是一個結構（通常是二維的），由一系列相交的直線（垂直線、水平線）組成，用於組織內容。它被廣泛用於平面設計中的版式和內容結構設計。在網頁設計中，它是一種非常有效的方法，可以使用 HTML 和 CSS 快速有效地建立一致的佈局。

Bootstrap 網格系統的運作方式

網格系統用於透過一系列包含內容的行和列來建立頁面佈局。以下是 Bootstrap 網格系統的工作原理：

• 使用行建立水平方向的列組。

• 內容應放置在列中，並且只有列可以作為行的直接子元素。

• 使用.themed-grid-col類為列新增一些主題。這不是 Bootstrap 的預設類。

• 使用.row-cols-*類建立具有等寬列的網格。

• 列中使用填充來建立間距（列內容之間的間隙）。該填充在行中使用.rows上的負邊距來抵消第一列和最後一列的填充。