Bootstrap Nav 不展开答案

【问题标题】：Bootstrap Nav Doesn't ExpandBootstrap Nav 不展开
【发布时间】：2017-12-27 16:54:26
【问题描述】：

节日快乐！我的导航栏有一些问题。菜单确实会折叠，但不会展开。我使用了 Bootstrap 中的这个例子。做了一些调整，但没有扩大。它可以正常折叠，但我不知道它为什么不展开。

请在下面找到我的代码。谢谢！

 <body>

    <nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4">
      <a class="navbar-brand" href="/">
        <img src= {% static 'img/lastlogo.png' %} width="463" height="72" class="d-inline-block align-top" alt="">
      </a>

      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Persoane Fizice</a>
          </li>
          <li class="nav-item">
            <a class="nav-link disabled" href="#">Consultanta</a>
          </li>
             <li class="nav-item">
            <a class="nav-link disabled" href="#">Cyber Intelligence</a>
          </li>
             <li class="nav-item">
            <a class="nav-link disabled" href="#">Blog</a>
          </li>
             <li class="nav-item">
            <a class="nav-link disabled" href="#">Contact</a>
          </li>
        </ul>

      </div>
    </nav>

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

检查你的<header> 并把这个 https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js

你的代码对我有用

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>

<nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4">
          <a class="navbar-brand" href="/">
            <img src= {% static 'img/lastlogo.png' %} width="463" height="72" class="d-inline-block align-top" alt="">
          </a>
    
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
    
          <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="navbar-nav mr-auto">
              <li class="nav-item active">
                <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Persoane Fizice</a>
              </li>
              <li class="nav-item">
                <a class="nav-link disabled" href="#">Consultanta</a>
              </li>
                 <li class="nav-item">
                <a class="nav-link disabled" href="#">Cyber Intelligence</a>
              </li>
                 <li class="nav-item">
                <a class="nav-link disabled" href="#">Blog</a>
              </li>
                 <li class="nav-item">
                <a class="nav-link disabled" href="#">Contact</a>
              </li>
            </ul>
    
          </div>
        </nav>

了解更多如何使用navbar

【讨论】：

【解决方案2】：

好的，所以我不得不刷新服务器。它现在正在工作。列表中的某些项目被禁用。我删除了它，现在可以工作了。

【讨论】：