Bootstrap_栅格系统

栅格系统定义：

运用固定的格子遵循一定规则，进行页面布局，使我们布局更加规范简洁

栅格七要素：

• 最小单位： 需要定好界面的单位基础 网页端一般情况10， 移动端一般情况 3 4 5

• 总宽度/W： 对整体布局的规范，保证设计尺寸的统一性

• 列数/N： 界面总宽度设计好 纵向分成多列（12列    移动端6列)

• 大列宽/L： 把界面的总宽度平等分成几列，每一列的宽度 (计算公式L=W/N) 包含列宽和水槽

• 水槽/G： 相邻的列宽之间的间隔是水糟（水槽宽度越大，页面留白会更好，更紧凑）

• 列宽/C

• 安全边距/M：安全边距一般情况下是水槽的0.5倍 M=G/2

标签：水槽,界面,Bootstrap,系统,栅格,宽度,边距,列宽
来源： https://blog.csdn.net/qq_43562262/article/details/105274270