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

Question

为什么响应式网页设计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