引导导航菜单未折叠

Bootstrap nav menu is not collapsing

本文关键字：折叠 菜单 导航      更新时间：2023-09-26

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

我

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

提前感谢！

看起来引导 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">
相关文章：