时间戳

首页 > 解决方案 > 导航栏下拉菜单的问题

bootstrap-4 - 导航栏下拉菜单的问题

问题描述

我是 Web 开发的新手。我正在尝试为我的网站创建一个导航栏。我从引导程序中获取了这个脚本。我想请您就我应该在第 2 行中包含什么 href 提出建议。我知道该在下面的 hrefs 中放入什么，但我不知道在第一个中包含什么。我想单击Lists并选择“Action Another”和“Something else”。

        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="what link to put here?" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
            Lists
          </a>
          <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
            <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>
      </ul>

标签： bootstrap-4navbarhref

解决方案

尝试这个：

    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-expanded="false">
            Lists
        </a>
        <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
            <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>
</ul>

除了标签之外，代码是相同的<a>。您不必在其中包含href。相反，只需将 更改data-bs-toggle为data-toggle。

推荐阅读