【Bootstrap4/5】navbarのドロップダウンメニューがはみ出る

起こった事件

bootstrapのナビゲーションバーで、リンク群を右寄せにしていると、
端っこのドロップダウンが右にはみ出てしまうという問題発生…

対処法:dropdown-menuクラスにもう1つクラスを指定する

  • bootstrap4の場合: dropdown-menu-rightを追加
<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="menu">
  <!-- 省略 -->
</ul>

  • bootstrap5の場合: dropdown-menu-endを追加
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="menu">
  <!-- 省略 -->
</ul>