Bootstrap - 网格演示

什么是网格？

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

Bootstrap网格系统的工作原理

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

• 使用行创建水平列组。

• 内容应放置在列内，并且只有列可以是行的直接子级。

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

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

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