html - ブートストラップ流体レイアウト、間違ったマージン？

Question

編集：これはSafariの問題かもしれないと思いますか？Firefoxでは同じものが表示されません

次の画像は、Bootstrapのドキュメント（ここ）から抜粋したものです。私が疑問に思っているのは、右端の「Fluid6」要素の右側に2pxのマージンがある理由です。その要素は右端まで揃えるべきではありませんか？そして、私はそれを修正するために何ができますか？

強化された画像：

Answer 1

それはただspan6ではなく、幅の100％ではないものです。

最後の行を除くすべてにこの問題があることに注意してください。問題は、Bootstrapが幅をパーセントで指定することです。

たとえば、の場合span6、

.span6 {
    width: 48.717948717948715%;
}

2つのスパン要素の間にもスペースがあります。

margin-left: 2.564102564102564%;

これらを合計しても偶数にはなりません。そのため、ピクセルが下になることがあります。幅と余白に固定値を設定する以外に、多くのことはできません。

span12幅は100％です：

.span12 {
    width: 100%;
}

まさにその通りなので、丸めに問題はありません。