web制作覚え書き

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を使って右寄せ左寄せしてたものが4からflexboxになったので、慣れません(>_<)

 

    この記事を元に問い合わせる








    ※確認画面は出ません。そのまま送信されますので、よくご確認の上送信ボタンを押してください。

    ※不具合などで送れない場合は、お手数ですが info@nagakute-design.comまたは090-6363-6760(深谷)まで連絡下さい。