bootstrap3 & safari グリッドのカラム落ち

bootstrap3 & safari で col-sm-4 や col-sm-3 あたりのグリッドを構成すると、safariの1行目だけ3つ並ぶはずが、2つしか表示されず次行にまわされる。現象はカラム落ちとか不具合、バグといわれています。

ここいらあたりに書かれているが、対処として

.col-sm-4 { width:33.2%; }

やbootstrap4にしろとか、flexでなど、色々出ているが作成したサイトで確認したところ、

.row:before, .row:after { width:0px; }

が他に影響が出ない一番問題の無い方法だった。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする