响应式Navbar不会崩溃

问题描述

我正在使用Bootstrap在一个简单的网站上工作,但我不能将导航栏用于响应式设计。 https://www.codeply.com/p/Jsz9jsiAqm 我一直在寻找解决方案,我的数据目标似乎和所有人一样,但是当我单击按钮时它什么也没做。

谢谢!

解决方法

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

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

,

也许有包装纸

<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