为什么Bootstrap 3切换到盒子大小:边框大小？
为什么Bootstrap 3切换到盒子大小:边框大小？
提问于 2013-09-17 23:45:44
我正在将我的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将所有元素的框大小切换到边框吗？我怀疑这与新的基于百分比的网格系统有关，但上面的选择器显然不仅仅适用于网格元素。
似乎有点激进的imho :-)
有人愿意给出一些见解吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-09-18 03:55:06
发行说明告诉您：(http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/)
默认情况下，
更好的盒子模型。Bootstrap中的所有东西都有框大小:边框大小，这使得更容易的大小调整选项和增强的网格系统。
就我个人而言，我认为大多数好处都归功于网格系统。在Twitter的Bootstrap中，所有网格都是流动的。列被定义为总宽度的百分比。但是间隔具有固定的像素宽度。默认情况下，列的两侧填充15px。以像素为单位的宽度和百分比的组合可能很复杂。对于border-box，这个计算很容易，因为border-box值(与内容框默认值相反)使最终呈现的框具有声明的宽度，以及框内的任何边框和填充剪切。(http://css-tricks.com/box-sizing/)
另请阅读：http://www.paulirish.com/2012/box-sizing-border-box-ftw/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18854259
复制相关文章
相似问题