bootstrap4のナビバーカスタマイズ

bootstrap4のナビバーのメニュー部分を右寄せにしたくて、2時間かかって発見したので
忘れた時用にメモです。

bootstrap.css 3316行目あたり

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-align: center;
      align-items: center;
}

に

justify-content: flex-end;

を追加！

で

無事右寄せにできました！！よかった～～！

bootstrap3までfloatを使って右寄せ左寄せしてたものが４からflexboxになったので、慣れません（>_<）