現在構築中の小さなサイトに Twitter ブートストラップ (v3) を統合しようとしていますが、iPad (ランドスケープ モード) のグリッドにバグがあり、列の合計は 12 ですが、整列していないようです。右手側。
グリッドのスタイリングに影響を与えている可能性のある CSS を追加したのではないかと思いましたが、Twitter のブートストラップ ドキュメントに戻ってみると、実際には同じバグが見られます ( http://getbootstrap.com/css/#grid-例-基本)。
他の誰かがこの同じ問題に遭遇したかどうか、もしそうなら、彼らは修正を見つけたかどうか疑問に思っていましたか?
下の画像の問題を強調する赤い線を追加しました。12 個の.col-md-1の行は、他の行の幅に加算されないようです!?!?
githubでこの質問をしたのはあなただと思いますが、この質問に出くわした他の人にとっては、サファリの丸めの問題のようです。後で更新します。
https://github.com/twbs/bootstrap/issues/10723
これはおそらく、次のドキュメントで言及されている「Safari のパーセントの丸め」の問題です: http://twbs.github.io/bootstrap/getting-started/#browsers ただし、これは iOS Safari で発生した最初のレポートです。その点でドキュメントを更新する必要があると思います。
これは本当のようです。別の列幅を試して簡単なテストを行いましたが、列が増えると空白の量が増えます (丸め誤差が増えます)。
横向きのiPadでこれをチェックしてください：