css - Twitter Bootstrap：当我给 btn-group 一个背景时，额外的 2px 填充？

Question

我正在尝试为按钮组（恰好有 4 个元素并且应该填满其容器的宽度）提供渐变边框，但是当我向其添加背景/填充时，它会获得 2 个像素的额外填充。

示例：http: //jsfiddle.net/wjA2U/

有什么建议可以解决这个问题吗？我是否必须求助于根本不使用这些课程？

Answer 1

看起来引导程序在每个按钮上放置了 -1 px 的左边距。容器是子元素宽度的总和，因此您需要删除子按钮上的负边距，或者在容器上设置固定宽度。

Answer 2

问题出在您的宽度规则中。你已经给出了以 % 为单位的宽度。Placeholder宽度为 80%，每个.btn宽度为 25%。这不适合您的按钮。

CSS的变化：

.btn-group .btn {
    width: 25.2%;
}​

工作演示

注意：最好使用固定宽度。