为什么Bootstrap 3切换到box-sizing：border-box？

我将我的Bootstrap主题从v2.3.2迁移到v3.0.0，而我注意到的一件事情是，由于bootstrap.css中的以下样式，很多维度的计算方式不同。 

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

任何人都可以解释为什么Bootstrap将所有元素的框大小切换到边框？ 我怀疑这与新的电网系统是以百分比为基础，但上面的select器不仅适用于电网元素明显。

似乎有点激进imho 🙂

任何人都在意给一些见解？

发行说明告诉你：（ http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/ ）

更好的箱子模型默认。 Bootstrap中的所有内容都可以通过框选框：边界框，可以更容易地调整尺寸选项和增强网格系统。

就我个人而言，我认为大多数的好处都是网格系统。 在Twitter的Bootstrap中，所有网格都是stream畅的。 列被定义为总宽度的百分比。 但是排水沟有一个固定的像素宽度。 默认情况下，在列的两侧填充15px。 以像素为单位的宽度和百分比的组合可能很复杂。 使用border-box这个计算是很容易的，因为border-box值（而不是内容框默认值）使得最终的渲染框被声明的宽度以及框内的任何边框和填充。 （ http://css-tricks.com/box-sizing/ ）

另请阅读： http : //www.paulirish.com/2012/box-sizing-border-box-ftw/

Interesting Posts