Twitter引导响应导航在打开和关闭后消失

Twitter引导响应导航有问题。最好的解释方法是分步进行

转到：

将设计调整到768px以下

通过右上角的按钮打开导航，然后将其关闭

现在将设计调整到768px以上

由于某些原因，在将设计放大后，导航将消失。它在刷新后重新出现。我肯定这是我用CSS做的，但我似乎不知道是什么

---

任何帮助都将不胜感激。谢谢

当应用“collapse”类时，您的导航栏将被隐藏，即使“in”类已被删除。尝试添加（或取消删除）以下内容：

---

作为ETAP，但使用媒体查询，因此当宽度<$navbarCollapseWidth:

@media (min-width: $navbarCollapseWidth + 1) {
  .nav-collapse.collapse {
      height: auto !important;
      overflow: visible !important;
  }
}

---

我将scss与Compass一起使用，您可能需要使用较少的语法。

我非常希望eterps的答案能够解决我的问题，因为我的问题与问题中描述的完全相同。然而，出于某种原因，埃特普斯的回答对我来说并不适用

在Chrome的Inspect element工具上检查我的navbar元素后，我发现我的navbar具有以下属性：

display: none;

对我来说，这就是修复它的方法：

.nav-collapse.collapse {
    display: block !important;
}

---

无需输入媒体查询。

我已将此添加到我的主要样式中。nav-collapse.collapse{height:0；overflow:visible；}现在似乎已修复。谢谢你指导我选择正确的款式。我感谢你的帮助。干杯Kris@eterps对我来说也有同样的问题，但现在有了这个fiz，它打开了。。你是个救生员。在我更改@grid float断点并在导航栏扩展的地方重新编译更少的内容后，我的导航栏做了一些奇怪的事情，但会立即再次崩溃。花了无数个小时才发现这一点（不过在这个过程中学到了很多）。谢谢你这个优雅的建议！对于bootstrap 3，此属性在受影响宽度的计算样式中存在。自上次回答此问题已有几年了。我正在Bootstrap4中寻找这个问题的解决方案，但我发现没有任何东西是有效的。BS4是否有特殊/独特的解决方案？

.nav-collapse.collapse {
    display: block !important;
}