基礎的すぎるのか、意外と情報が見つからなかったので投稿します。 やりたいこと BootstrapのNavbarで、 Home About などは左、Register Login Dropdown などは右に置きたい。 けど、スマホのハンバーガーメニューではすべての要素を左寄せにしたい。 (ネットで見つけた解決策の多くでは、スマホの方でも右寄せとなってしまって、悲しい気分になった。) なるべく、簡潔に、公式っぽい方法でやりたい。 やりかた 左右で2つの<ul class="navbar-nav"></ul>に分けて、 左のほうにmr-auto クラスを付与するだけ。 <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <div class="container"> <a class="navbar-brand " href="/