引导程序导航栏下拉菜单关闭屏幕

Question

我使用的是bootstrap 4。我的标题是导航栏，末尾有一个下拉按钮。列表会下降，但单词会离开页面，无法阅读。请问我该如何解决这个问题？

请参阅https://dreamwebdesigns.co.uk

Answer 1

更改下拉菜单div:

<div class="dropdown-menu" aria-labelledby="navbarDropdown">

至：

<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">

Answer 2

*更新：在Bootstrap 5中，使用下拉菜单结束，而不是下拉菜单右侧：

<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown button
</button>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">
...
</ul>
</div>