bootstrap - 为什么bootstrap的布局等分采用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就是最好的。弄明白这一点,让我觉得自由。。。

关于

作者:刘传君
创建过产品,创过业。不好动,读书机器。
可以通过 1000copy#gmail.com 联系到我

出品

http小书 http://www.ituring.com.cn/boo...
Git小书 http://www.ituring.com.cn/boo...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值