为什么响应式Web设计是12列网格？

Question

为什么响应式Web设计是12列网格？仅仅因为它是魔数除以2，3，4，6，还是有其他的逻辑？

Answer 1

因为它是可以被1，2，3，4和6整除的幻数

Answer 2

事实上，12 column grid在1之前可以处理不可见的数字，这是它变得流行的最大原因。

假设你想要25%的宽度：

col-md-4 vs col-md-25

第二个选项要求您在CSS中设置100个宽度规则，而第一个选项仅要求在CSS中设置12个规则。如果这是您唯一的宽度选项，但您不想为列设置100个规则，这也不是太糟糕。这将增加文件大小和可维护性。

然而，12 column grid只是一些流行框架的偏爱。新的Zurb Foundation framework可以根据您选择的水平元素来更改网格布局。我相信，但不确定的是，Bootstrap也会在他们的新TWBS4框架中提供这个选项，因为您可以通过更改一些变量来轻松地更改SASS实现。

http://foundation.zurb.com/sites/docs/grid.html#sass-reference