Jquery 引导Navbar汉堡菜单在容器下方时无法打开

我有一个引导导航栏，下面有一些引导内容。但是，当视口很小时，汉堡菜单不会打开，我想知道为什么

如果我把我放在导航下面最底部的容器取下来，事情看起来就好了。但一旦我再次添加位，我就无法打开导航栏

---

标题下方的内容与汉堡包菜单重叠。试试这个：

.navbar-toggler {
    z-index: 99999;
}

---

hamburger button元素没有将其高度传递给其父元素（导航栏）。因此父元素的高度为1px+2x padding，仅覆盖按钮的顶部。请注意如何按下顶部的按钮。将其添加到导航栏元素css中：

min-height: calc(40px + 1rem);

---

（40px是按钮的高度，2x.5rem是填充物）。

你在小提琴上试过这个吗？如果是这样的话，我就无法让它工作。这不是唯一的解决办法。您不知道要求，因此这只是众多选项之一@乔治：试试上面的小提琴：）这只是将按钮强制到顶部，而不固定样式。该按钮将重叠您在下面内容中放置的任何内容。在我看来，此解决方案是最好的解决方案。我创建了一个提琴来尝试此方法，但我无法使其工作：引导正在某处覆盖它。如果在DOM中作为样式属性添加，则它可以工作：

.navbar-toggler {
    z-index: 99999;
}

min-height: calc(40px + 1rem);