引导导航菜单未折叠答案

【问题标题】：Bootstrap nav menu is not collapsing引导导航菜单未折叠
【发布时间】：2014-12-12 18:52:39
【问题描述】：

我有一个 WordPress 网站，我正在尝试将 Bootstrap 集成到其中。但是，当我最小化浏览器窗口时，导航菜单不会折叠。只有背景在倒塌。这是链接：http://430designs.com/snp/

我不确定我做错了什么。我确实有一个可定制的 Bootstrap CSS 版本，并且我正在引入 bootstrap JS。

提前致谢！

【问题讨论】：

您需要在问题中提供所有基本代码，而不是通过实时链接。谢谢！

标签： javascript jquery css wordpress twitter-bootstrap

【解决方案1】：

看起来.collapse{display:none;} 从引导 css 中丢失了，然后是

@media (min-width: 768px){
    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important;
        visibility: visible!important;
    }
}

也不见了……

如果您使用自定义引导程序，请首先包含核心的未自定义版本，以确保所有相关 CSS 都已添加到您的网站。

从您的评论中，这也丢失了：

.navbar-collapse.in {
    overflow-y: auto;
}
.collapse.in {
    display: block;
    visibility: visible;
}

但同样，首先包含未经编辑的核心引导程序。 :) 我通过开发工具将此添加到站点并修复了它：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">

【讨论】：

包括引导核心。你错过了更多的 CSS - 添加了可能是上述答案的相关行
我没有自定义它，而是下载了所有内容并重新合并。谢谢泰德！