网格演示（Grid Demo）

什么是网格？

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

Bootstrap网格系统的工作

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

• 必须将行放在.container类中以进行正确的对齐和填充。

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

• 内容应放在列中，只有列可能是行的直接子项。

• 预定义的网格类（如.row and .col-xs-4可用于快速制作网格布局。 LESS mixins也可用于更多语义布局。

• 列通过填充创建排水沟（列内容之间的间隙）。 该填充通过.rows上的负边距在第一列和最后一列的行中偏移。

• 通过指定要跨越的十二个可用列的数量来创建网格列。 例如，三个相等的列将使用三个.col-xs-4 。