Bootstrap3でsafariのみカラム落ちする時の対策
Bootstrap3で.col-md-4や.col-sm-3などと指定した時にカラム落ちする問題。
safariだけカラム落ちしたり、状況がその時によって違うので困っていたのですが。。
試行錯誤した結果、以下のコードで回避できました。
.row::before{
display:inline-block;
}
.row::after{
display:inline-block;
}
display:none;でもいけました。
幅を33.333333%→33.2%と書き換える方法もありましたが、
あまりスマートではない気もして…好みの問題?(汗)
Bootstrap4だとこのあたりの問題は解決されるのですが、
どうしても3を使用しないといけない時のための備忘録として書いておきます。