dropdown - Bootstrap 的导航栏下拉链接不起作用

Question

我正在使用带有导航栏的 Bootstrap 5。我的网站有两个下拉链接，每当我尝试单击包含它们的页面（例如评论）时，它都不起作用。我不相信我缺少任何引导链接或 jQuery 来使下拉菜单工作。

  <div class="container-fluid"> <a class="navbar-brand" href="index.html"><img src="images-logo/logo.png" alt="Game Picker"></a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
    <div class="collapse navbar-collapse" id="navbarNavDropdown">
      <ul class="navbar-nav">
        <li class="nav-item"> <a class="nav-link" aria-current="page" href="news.html">News</a></li>
        <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" aria-current="page" href="previews.html" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Previews </a>
          <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
            <li><a class="dropdown-item" aria-current="page" href="#">Action</a></li>
            <li><a class="dropdown-item" aria-current="page" href="#">Another action</a></li>
            <li><a class="dropdown-item" aria-current="page" href="#">Something else here</a></li>
          </ul>
        </li>
        <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" aria-current="page" href="reviews.html" id="navbarDropdownMenuLinkTwo" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Reviews </a>
          <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLinkTwo">
            <li><a class="dropdown-item" href="#">Action</a></li>
            <li><a class="dropdown-item" href="#">Another action</a></li>
            <li><a class="dropdown-item" href="#">Something else here</a></li>
          </ul>
        </li></div></div></nav>

标签： dropdownnavbarbootstrap-5