响应式导航栏不会崩溃

Question

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

谢谢！

Answer 1

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

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

Answer 2

也许用包装纸

<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

响应式导航栏不会崩溃

Responsive Navbar wont collapse

html

css

responsive-design

bootstrap-4