Bootstrap4はナビゲーションバーアイテムを右に揃えます
Bootstrap 4 Align Navbar Items Right
解決:
ブートストラップ4 もっている 多くの ナビゲーションバーアイテムを整列するさまざまな方法。ナビゲーションバーが現在あるため、float-rightは機能しません
フレックスボックス。
あなたが使用することができますmr-autoの自動右マージン 1位 (左)
navbar-nav。 あるいは 、
ml-autoはで使用できます 2位 (右)
navbar-nav、または単一の場合
navbar-nav。
ナビゲーションバー https://codeply.com/go/P0G393rzfm
flexboxutilsもあります。たとえば、折りたたみメニューのjustify-content-end:
ブランド またはあなたが2を持っているときnavbar-navs、使用justify-content-between innavbar-collapseは、navbar-navs間のスペースでも機能します。
..
..
Bootstrap4.0以降のアップデート
Bootstrap 4ベータ版の時点で、ml-autoは、アイテムを右にプッシュするために引き続き機能します。ただ注意してくださいnavbar-toggleable-クラスがに変更されましたnavbar-expand- *
Bootstrap4のナビゲーションバーの権利を更新
別の頻繁なBootstrap4 Navbar右揃えシナリオには、右側にボタンがあります。 モバイル崩壊の外にとどまる 常にすべての幅で表示されるようにnav。
常に表示される右揃えボタン
関連:左揃え、中央揃え、または右揃えのアイテムを含むブートストラップナビゲーションバー
Bootstrap5の更新 (この質問を参照してください)。ml-autoはに置き換えられました表すms-auto代わりに開始左。
私の場合、ナビゲーションボタン/オプションのセットが1つだけ必要で、これが機能することがわかりました。
だから、あなたは追加しますjustify-content-divを終了し、省略しますリストのmr-auto。
これが実際の例です。
BS4でこの問題にまだ苦労している人は、以下のコードを試してみてください-