css - Twitter Bootstrap: btn-group に背景を与えると余分な 2 ピクセルのパディングが発生しますか?

Question

ボタン グループ (正確に 4 つの要素があり、コンテナーの幅を埋める必要があります) にグラデーションの境界線を与えようとしていますが、背景/パディングを追加すると、2 ピクセルの余分なパディングが得られます。

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

これを回避する方法はありますか? これらのクラスをまったく使用しないことに頼る必要がありますか?

Answer 1

ブートストラップが各ボタンに -1 ピクセルの左マージンを設定しているようです。コンテナーは子の幅の合計であるため、子ボタンの負のマージンを削除するか、コンテナーに固定幅を設定する必要があります。

Answer 2

問題は幅のルールにあります。幅を % で指定しました。Placeholder幅は 80% で、各.btn幅は 25% です。これはそこにあるボタンに適合しません。

CSS の変更:

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

ワーキングデモ

注:固定幅を使用することをお勧めします。