响应式导航栏不会崩溃

【问题标题】：Responsive Navbar wont collapse响应式导航栏不会崩溃
【发布时间】：2020-12-05 04:47:43
【问题描述】：

我正在使用 Bootstrap 开发一个简单的网站，但我无法将导航栏用于响应式设计。 https://www.codeply.com/p/Jsz9jsiAqm 我已经搜索了解决方案，我的数据目标似乎和每个人一样，但当我单击按钮时它仍然什么都不做。

谢谢！

【问题讨论】：

标签： html css bootstrap-4 responsive-design

【解决方案1】：

也许用包装器

<div class="d-flex toggled" id="wrapper">

然后写一个这样的脚本

$(window).resize(function(e) {
      if($(window).width()<=768){
        $("#wrapper").removeClass("toggled");
      }else{
        $("#wrapper").addClass("toggled");
      }
    });

查看此页面https://mmenujs.com/docs/wrappers/bootstrap.html

【讨论】：

【解决方案2】：

您的代码在data-toggle 属性中使用collaspe 而不是collapse。

这是更新后的代码：- https://www.codeply.com/p/iowuSN2BGh

【讨论】：

天啊，太简单了，我迷路了。非常感谢！