使用12列网格进行响应式布局的逻辑

时间:2015-01-20 13:57:07

标签: html css twitter-bootstrap responsive-design

许多支持响应技术的库使用12列网格系统。例如默认的Bootstrap网格系统使用12列

使用12列系统背后是否有任何理由或逻辑?

3 个答案:

答案 0 :(得分:3)

12是superior highly composite number,可以分为2,3,4和6,这样可以在购买鸡蛋或布置页面时非常方便。

(太糟糕了,我们的祖先并没有决定坚持使用十二进制系统,只要你超过数字,就会超过十进制系统的优势)

答案 1 :(得分:1)

这是因为12可以分为1,2,3,4,6和12而没有余数。很多组合可以实现所需的布局。如果您需要更多列,请使用更大的列,例如24左右。

答案 2 :(得分:1)

它是网格系统的重要组成部分。

  

Bootstrap包括一个响应式移动第一流体网格系统   适当缩放最多12列作为设备或视口大小   增加。

所以它并不是你用于移动屏幕的东西,但如果你想连续编写一堆较小的部分用于更大的屏幕,它真的很方便。它只是分解了12件中的所有东西,并为您提供更多的灵活性设计和代码明智。

并且它可以分割,因为有些人已经提到过,它也更容易使用。 一旦您开始开发一个网站,无论出于何种原因需要在同一行上有多个列,这是您开始欣赏的事情之一。

干杯,