Question

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

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

提前致谢！

Answer 1

看起来bootstraps css中缺少.collapse{display:none;}，然后是

@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">

Bootstrap导航菜单没有折叠

1 个答案: