导航栏下拉菜单的问题

Question

我是网络开发的新手。我正在尝试为我的网站创建一个导航栏。我从 bootstrap 中获取了这个脚本。关于第 2 行中应该包含什么 href，我想听听您的建议。我知道在下面的 href 中放什么，但我不知道在第一个 href 中放什么。我想单击 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>

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

导航栏下拉菜单的问题

Problems with navbar dropdowns

href

navbar

bootstrap-4