Twitter bootstrap 下拉菜单未在导航栏中正确显示

我使用bootstrap4

我创建了一个带有下拉菜单部分的导航栏

这里演示

问题的形象

当我点击下拉菜单时，我们可以看到显示不正确

---

有什么想法吗？

你的引导程序JS的资源链接是：

ttps://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js

。。。您忘记了我更新的“好的”，但这并不能解决问题。您看到的不是错误/不正确的显示。默认情况下，下拉菜单从左向右运行。对于右对齐的项，您需要添加其他类名以强制右放变体：

<ul class="navbar-nav">
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span>admin</span>
                        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">

          <a href="/menu/changepassword" class="dropdown-item" role="menuitem">Changer de mot de passe</a>

          <a href="javascript: document.logoutForm.submit()" class="dropdown-item" role="menuitem">Déconnexion</a>
          <form name="logoutForm" action="/logout" method="post" hidden="hidden">
            <input hidden type="submit" value="Sign Out" />
          </form>

        </div>
      </li>
    </ul>