標準の 12 列のブートストラップ グリッドがあり、内部に 4 列 (col-md-3) があります。
IE7 では、4 列目は次の行にスキップします。
問題は、各列の幅が 25% で、パディングが 10px であることです。計算すると、列の幅 = 親の 25% + パディング。
そのため、パディングは内側ではなく外側に追加されます。これを修正する方法はありますか?
標準の 12 列のブートストラップ グリッドがあり、内部に 4 列 (col-md-3) があります。
IE7 では、4 列目は次の行にスキップします。
問題は、各列の幅が 25% で、パディングが 10px であることです。計算すると、列の幅 = 親の 25% + パディング。
そのため、パディングは内側ではなく外側に追加されます。これを修正する方法はありますか?
CSS 属性'box-sizing'を使用しているため、Bootstrap 3 は IE7 をサポートしていませんが、私には役立つ回避策があります。
IE7 サポートを提供する彼の GitHub プロジェクト (ベータ版) をチェックしてください。
https://github.com/coliff/bootstrap-ie7
ハッピーコーディング:)
css 属性を使用した Bootstrap i
box-sizing
ここでわかるように、 IE7 はこの属性をサポートしていません。
JavaScrip hereのフォールバックがあるようですが、テストも使用もしていないため、それがどれほど優れているかはわかりません。