html - 引导导航汉堡按钮未出现

Question

我正在尝试在折叠的屏幕上执行基本的引导导航栏汉堡按钮。我首先只是试图让按钮显示，但目前它不会显示在屏幕上。

<nav class="navbar bg-light navbar-expand-sm">
  <h1 class="narbar-brand">User</h1>
  <button class="navbar-toggler">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse"">
    <ul class="navbar-nav ml-auto">
      <li class="nav-item">
        <a href="#" class="nav-link">Home</a>
      </li>
      <li class="nav-item">
        <a href="#" class="nav-link">About</a>
      </li>
      <li class="nav-item">
        <a href="#" class="nav-link">Projects</a>
      </li>
    </ul>
  </div>
</nav>

标签： htmlbootstrap-4

Answer 1

您的 html 没有任何问题。

但是，您是否将 js 文件（来自引导程序）添加到您的 html 中？