Question

我的切换栏不会切换。我的代码有什么问题？我正在上在线课程，而且引导似乎总是有问题。

我上完课，去了三所学校寻求帮助。没有帮助。

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <script defer src="js/lib/fontawesome-all.min.js"></script>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/animate.css">
  <link rel="stylesheet" href="css/style.css">
  <title>Bootstrap 4 Layouts</title>
</head>

<body>

  <header id="page-hero" class="site-header">
    <nav class="site-nav family-sans text-uppercase navbar navbar-expand-md bg-secondary navbar-dark">

      <div class="container-fluid">


<button type="button" class="navbar-toggler" data-toggle="collaspe" data-target="#myTogglerNav" aria-controls="#myTogglerNav" aria-label="Toggle Navigation"><span class="navbar-toggler-icon">
</span></button>

<section class="collaspe navbar-collaspe" id="myTogglerNav">
        <div class="navbar-nav">
          <a class="nav-item nav-link" href="#page-hero">home</a>
          <a class="nav-item nav-link" href="#page-multicolumn">columns</a>
          <a class="nav-item nav-link" href="#page-media">media</a>
          <a class="nav-item nav-link" href="#page-photogrid">grid</a>
          <a class="nav-item nav-link" href="#page-carousel">carousel</a>
          <a class="nav-item nav-link" href="#page-nested">nested</a>
          <a class="nav-item nav-link" href="#page-icons">icons</a>
          <a class="nav-item nav-link" href="#page-floater">floater</a>
          <a class="nav-item nav-link" href="#page-cards">cards</a>
        </div>
</section>
<a class="navbar-brand" href="#page-hero">
  <i class="fas fa-cube"></i> Layout Components</a>
      </div>

    </nav>
  </header>

  <script src="js/lib/jquery.min.js"></script>
  <script src="js/lib/bootstrap.bundle.min.js"></script>
  <script src="js/script.js"></script>
</body>

</html>

什么都没发生。我的拨动开关已拧紧，没有按原定位置放置！

切换导航问题

0 个答案: