Html 导航栏上的“汉堡包”按钮不起作用（引导）

我的导航栏上的汉堡按钮有点问题。当我点击它时，什么也没发生。它以前工作过，所以我不知道发生了什么，似乎也找不到错误所在

如果有人能看一看，我会非常感激的

CSS：和导航栏无关，我只是插入了它以防万一

@导入url'https://fonts.googleapis.com/css?family=Source+Sans+Pro:100200300400500600700 | Roboto+Condensed:100200300400500600700'； /*-----------------导航栏*/ 导航条导航{ 颜色：ffffff； } /*-----------------页脚*/ 页脚{ 背景：212529； 颜色：白色； 边缘顶部：100px； } 页脚a{ 颜色：fff； 字体大小：14px； 过渡时间：0.2s； } 页脚a：悬停{ 颜色：ced3d7； 文字装饰：无； } .复制{ 字体大小：12px； 填充：10px； 边框顶部：1px实心FFFF； } .页脚中间{ 垫面：2米； 颜色：白色； } /*-----------------社会偶像*/ /*页脚社交图标*/ 社交网络{ 列表样式：无； 显示：内联； 左边距：0！重要； 填充：0； 浮动：对； } 社交网络{ 显示：内联； 利润率：0.5px； } 社交网络Facebook：悬停{ 背景色：3B5998； } 社交网络{ 背景色：007bb7； } 社交网络Facebook:hover i， 社交网络{ 颜色：fff； } 社交网络社交网站， .社会阶层{ 颜色：44BCDD； } .社交圈李a{ 显示：内联块； 位置：相对位置； 边距：0自动0自动； -moz边界半径：50%； -webkit边界半径：50%； 边界半径：50%； 文本对齐：居中； 宽度：30px； 高度：30px； 字体大小：15px； } ·社交圈李一{ 保证金：0； 线高：30px； 文本对齐：居中； } .社交圈李a：悬停i， triggeredHover先生{ -moz变换：旋转360度； -webkit变换：旋转360度； -ms变换：旋转360度； 变换：旋转360度； -webkit转换：所有0.2秒； -moz转换：全部为0.2s； -o-过渡：均为0.2s； -ms转换：均为0.2s； 过渡：均为0.2s； } .社交圈一{ 颜色：5959； -webkit转换：所有0.8秒； -moz转换：所有0.8秒； -o-过渡：均为0.8s； -ms转换：所有0.8s； 过渡：所有0.8秒； } .社交网络a{ 背景色：F9F9F9； } HTML:

---

您的HTML不正确。看看代码的结尾：div、ul和li的位置不合适

这是一把小提琴：

---

我想你不必如此粗鲁，因为我一个月前才开始编写代码，但非常感谢你的帮助@乔治，老兄，我不想伤害你，你是我的全部，你知道，这只是我英语知识的问题，你知道这不是我的母语。。。请道歉。。。

<header>
<!-- Navigation Bar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <a class="navbar-brand" href="#">
      <img src="assets/image/LOGO.png" class="img-fluid" alt="">
  </a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNavDropdown">
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">News</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Music</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Video</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Shop</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Contact</a>
      </li>
    </ul>
        </div>
</nav>

<!--Navigation Bar-->
    </header>