简体   繁体   English

无法在 bootstrap4 中扩展导航栏

[英]Can't get navbar to expand in bootstrap4

how can i get my navbar to expand, i have done everything right, i am using bootstrap4 and jquery source files.我怎样才能让我的导航栏扩展,我做的一切都是正确的,我正在使用 bootstrap4 和 jquery 源文件。

Am i missing something?我错过了什么吗?

Here is my code:这是我的代码:

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

The code works when I test it here using the Bootstrap CDN.当我在这里使用 Bootstrap CDN it进行测试时,该代码有效。 My guess is there might be an issue with linking the files.我的猜测是链接文件可能存在问题。 also make sure you have linked the Bootstrap CSS file in your code.还要确保在代码中链接了 Bootstrap CSS 文件。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM