Bootstrap - 网格演示( Grid Demo)
什么是网格？
在图形设计中，网格是一种结构（通常是二维的），由一系列用于构造内容的交叉直（垂直，水平）线组成。 它广泛用于设计印刷设计中的布局和内容结构。 在网页设计中，使用HTML和CSS快速有效地创建一致的布局是一种非常有效的方法。
Bootstrap网格系统的工作
网格系统用于通过一系列容纳内容的行和列来创建页面布局。 以下是Bootstrap网格系统的工作原理 -
必须将行放在.container类中以进行正确的对齐和填充。
使用行创建水平的列组。
内容应放在列中，只有列可能是行的直接子项。
预定义的网格类（如.row and .col-xs-4可用于快速制作网格布局。 LESS mixins也可用于更多语义布局。
列通过填充创建排水沟（列内容之间的间隙）。 该填充通过.rows上的负边距在第一列和最后一列的行中偏移。
通过指定要跨越的十二个可用列的数量来创建网格列。 例如，三个相等的列将使用三个.col-xs-4 。
| 例 | 描述 | 下载链接 |
|---|---|---|
| Grids | 此示例指示Bootstrap中的网格结构。 | Download |
