我正在创建一个navbar
,其中有三个nav-items
,每个都添加了dropdown-menu
类。第一个nav-item
的dropdown-menu
显示正常,但对于剩下的两个,dropdown-menu
似乎移动到左上角。
这是一个演示。我确实添加了dropdown-menu-right
但它仍然没有完全对齐nav-item
.
只需将类名dropdown
添加到下拉列表中的每个li
项(第二个和第三个下拉列表中缺少它)。它应该看起来像这样:<li class="nav-item dropdown">
在这里,您可以找到有关 Bootstrap 下拉列表如何工作的更多信息:https://getbootstrap.com/docs/4.0/components/dropdowns/