【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>

\ 案件のご依頼・ご相談はこちらから /