导航栏下拉菜单的问题答案

【问题标题】：Problems with navbar dropdowns导航栏下拉菜单的问题
【发布时间】：2021-11-03 08:28:34
【问题描述】：

我是网络开发新手。我正在尝试为我的网站创建一个导航栏。我从引导程序中获取了这个脚本。我想请您就我应该在第 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-4 navbar href

【解决方案1】：

试试这个：

    <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。

【讨论】：