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

Question

Twitter Bootstrap响应式导航存在问题。解释这一点的最佳方法是分步骤。

转到：http://library.buffalo.edu/redesign/html/findlibrarymaterials/

将设计调整为低于768px

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

现在将设计大小调整为768px以上

由于某种原因，在您将设计放大后导航会消失。它在刷新后重新出现。我确信这是我用CSS做的事情，但我似乎无法弄清楚是什么。

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

Answer 1

当应用'collapse'类时，您的导航栏会被隐藏 - 即使删除了'in'类。尝试添加（或取消删除）此内容：

.nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
}

Answer 2

我非常希望eterps的答案可以解决我的问题，因为我的问题与问题中描述的完全相同。然而，由于某种原因，eterps的答案对我不起作用。

在Chrome的Inspect Element工具上检查我的导航栏元素后，我发现我的导航栏具有以下属性：

display: none;

对我而言，这就是修正它的原因：

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

无需进行媒体查询。

Answer 3

作为etaps但使用媒体查询，因此当宽度＆lt;时，规则不适用$ navbarCollapseWidth：

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

我在Compass中使用scss，您可能需要使用Less语法。