twitter-bootstrap - 使用 box-sizing : border-box with Twitter Bootstrap 2. x，我们可以在不破坏一切的情况下轻松做到吗？

Question

我在上一个元素中一直在使用“边框框模型”。这有很多优点，我不会在这里解释。但你可以在这里阅读:Border-box in css-tricks

现在我要开始一个更大的元素，我们已经决定 twitter bootstrap 将是满足我们需求的一个很好的解决方案。我想知道是否有可能在不破坏所有内容的情况下使其成为“边界框”。有没有人试过这个，结果是什么/会是什么？调整太多？真正的进步？

谢谢

Answer 1

是的。

这是您可以在 Bootstrap 中使用的mixin。它将自动添加所有供应商前缀。

*, *:before, *:after {
    .box-sizing(border-box);
}

input {
    .box-sizing(content-box);
}

输入仍然需要内容框，否则它们会太小。