Question

我如何使我的导航栏扩展，我做的一切正确，我正在使用bootstrap4和jquery源文件。

我想念什么吗？

这是我的代码：

  <body>
    <nav class="navbar py-3 navbar-light navbar-expand-sm">
      <a href="#" class="navbar-brand text-uppercase font-italic">first website</a>
      <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarlink" aria-controls="navbarlink" aria-expanded="false" aria-label="Toggle navigation"> 
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarlink">
        <ul class="navbar-nav">
          <li class="nav-item active">
            <a href="#header" class="nav-link">home</a>
          </li>
          <li class="nav-item">
            <a href="#skills" class="nav-link">skills</a>
          </li>
          <li class="nav-item">
            <a href="#about" class="nav-link">about</a>
          </li>
          <li class="nav-item">
            <a href="#projects" class="nav-link">projects</a>
          </li>
        </ul>
      </div>
    </nav>


    <script src="js/jquery-3.5.0.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
  </body>

Answer 1

当我使用Bootstrap CDN测试it here时，该代码有效。我的猜测是链接文件可能存在问题。还要确保已在代码中链接了Bootstrap CSS文件。

无法在导航栏中扩展导航栏

1 个答案: