Bootstrap导航栏菜单在折叠时不会下拉

Question

我一直在使用Bootstrap构建响应式网站，导航栏给我带来了问题。现在，我将其设置为在屏幕尺寸缩小时切换，虽然它确实为下拉菜单创建了一个按钮，但是单击按钮时实际上并没有下拉菜单。我已经尝试寻找其他类似问题的答案，但没有发现任何对这个问题特别有用的东西。我正在使用Bootstrap 4（https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css）

这是我的导航栏的代码：

<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
   <a class="navbar-brand" href="index.html">First Last</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent"
      aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
      </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav mr-auto">

        <li class="nav-item active">
          <a class="nav-link" href="./index.html">Home <span class="sr-only">(current)</span></a>
        </li>

        <li class="nav-item">
          <a class="nav-link" href="./portfolio.html">Portfolio</a>
        </li>

        <li class="nav-item">
          <a class="nav-link" href="./contact.html">Contact</a>
        </li>

      </ul>

    </div>
  </nav>

对不起，如果这是一个愚蠢的问题，我对编码相对来说还很陌生。

Answer 1

它确实起作用，并且导航栏菜单确实在引导程序中起作用。