More than 5 years have passed since last update.

Bootstrap 4 の Grid system が safari でカラム落ちする

Last updated at 2019-03-25Posted at 2019-03-25

Bootstrap 4 の Grid system を Bootstrap 3 と併用すると、 safari でカラム落ちします。

原因は、 .row の擬似要素 ::before , ::after です。

回避方法（ SCSS ）

  .row
  {
    &::before,
    &::after {
      display: none;
    }
  }

で bootstrap 3 の micro-clearfix をリセットする。