二、栅格系统的组成
栅格系统并没有我们想象的那么复杂，它主要由网格、列、水槽、边距、总宽、容器盒子等组成，只要清楚它们之间的相互关系以及定义即可，下面我们将一一了解：
1. 网格（Gird）
网格（Gird）是由基本单位「单元格」构成，也被称为最小单元格，而栅格则是由一系列规律的网格组成，通常情况下，我们会使用8作为作为栅格中的最小单位，以此进行增量。
为什么用8为基础倍数呢？
首先作为偶数，程序进行单位换算后可被整除，避免像素出现小数点；其次，8为增量单位既不会显得琐碎、也不会让内容过于分散，当界面中所有元素都以8为倍数时，其元素大小、间距都有规可循，之前笔者曾写过一篇「间距」类的文章，感兴趣的伙伴可以去看一下。
2. 列（Column）
列（Column）指的是栅格数量，如12栅格有12个列、24栅格就是24个列，主要用来对齐内容。通过栅格的列数来控制版面的呼吸感及节奏感，列数越多、内容排版越精细，反之列数越少、内容排版就越疏松。
3. 水槽（Gutter）
水槽（Gutter）是指列与列之间的间距，通过留白以实现界面中的信息元素分割及版式呼吸感。水槽的宽度对设计风格会存在一定影响，水槽越大留白就越多、其呼吸感就越好，反之留白就越少、内容也会变得较为紧凑。
