12分栏

几乎每个人都会想要问,为什么bootstrap布局划分屏幕空间采用的是12等分,而不是别的什么等分?确实奇妙,这里的12太舒服了。它可以被1、2、3、4、6、12共6个数字整除,本来就是用来分空间的系统,当然可以更好的被整除最好了,这样怎么分都愉快。比如

  1. 两个div分空间,分别占用50%,或者一个1/3一个2/3,或者1/4对3/4

  2. 3个div分空间,分别占用1/3,或者两个1/6一个2/3,或者两个1/4对1/2

使用12等分都是很方便的事情。相比之下,10等分的话,1,2,5,10整除,被3、4都不能整除,划分比例就不那么爽。更多的可选列表:

  1. 数字11 质数不用考虑

  2. 数字9 ,被1,3,9整除

  3. 数字8,被1,2,4,8整除

  4. 数字7,质数不用考虑

  5. 数字6,被1,2,3,6整除

  6. 数字5,质数不用考虑

  7. 数字4,被1,2,4整除

  8. 数字3,质数,只能被1,3整除,想要等分就太麻烦

  9. 数字2,1,2,想要1/3就麻烦

  10. 数字1,想要1/3、1/2就麻烦

所以,12就是最好的。弄明白这一点,让我觉得自由。。。

Last updated