P233
2013-10-02 15:56:55 +08:00
border-box 在大部分 grid system 中还是非常方便的,比如 Bootstrap2,以及之前的 960 等,要给 grid 加 border padding 时通常是用 负margin,或者 border-box,Bootstrap3 默认样式更省事了,而且 border-box 兼容 IE8 及以上浏览器,Bootstrap3 也不向下兼容,没有冲突。需要写兼容 IE6-8 的页面,我是不会选择 Bootstrap3 的。
Bootstap 系列的 class 乍一看很繁琐,其实是受到 Object Oriented CSS (OOCSS)的影响, .btn 定义按钮的基本样式,再去源码中看看 .btn-primary 定义了什么?只有 color, background-color, border-color 三个属性,如果我想定义一个紫色的按钮,只需要创建一个 .btn-purple class 然后再修改颜色。如果不按照这种方式工作量可想而知,这也违背了 DRY (don't repeat yourself)原则。