Question

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

任何建议我如何解决这个问题？我是否不得不诉诸于不使用这些课程？

Answer 1

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

Answer 2

问题在于你的宽度规则。您已指定宽度％。 Placeholder宽度为80％，每个.btn宽度为25％。这不符合您的按钮。

CSS的变化：

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

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