jquery - 为什么引导 css 使用 box-sizing:border-box？

Question

我只使用引导下拉组件，但它的 css 缩小了我现有的许多布局元素，页面现在看起来像损坏了。仔细观察后，我发现了造成这种情况的原因：

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

他们为什么这样做？

Answer 1

从脚手架区域中删除全局重置边框框，并在下拉 css 中调整数学或在站点的其余部分中调整边框框，因此如果某些内容的填充为 10 像素且总宽度为 200 像素，则旧这样你就有 180px 作为宽度，但现在只需将宽度设为实际宽度并计算边框。边界也是如此。