Bootstrap - 网格演示

什么是网格？

在平面设计中，网格是一个结构（通常是二维的），由一系列相交的直线（垂直线、水平线）组成，用于组织内容。它被广泛用于平面设计中的版式和内容结构设计。在网页设计中，它是一种非常有效的方法，可以使用 HTML 和 CSS 快速有效地创建一致的布局。

Bootstrap 网格系统的运作方式

网格系统用于通过一系列包含内容的行和列来创建页面布局。以下是 Bootstrap 网格系统的工作原理：

• 使用行创建水平方向的列组。

• 内容应放置在列中，并且只有列可以作为行的直接子元素。

• 使用.themed-grid-col类为列添加一些主题。这不是 Bootstrap 的默认类。

• 使用.row-cols-*类创建具有等宽列的网格。

• 列中使用填充来创建间距（列内容之间的间隙）。该填充在行中使用.rows上的负边距来抵消第一列和最后一列的填充。