Bootstrap 3 折叠菜单问题与折叠答案

【问题标题】：Bootstrap 3 Collapse Menu issue with CollapseBootstrap 3 折叠菜单问题与折叠
【发布时间】：2014-12-11 08:56:25
【问题描述】：

我使用 wordpress 和 bootstrap 3 框架开发了一个网站。我的问题是当它使用移动折叠菜单时，单击图标后它不显示。

现在一直在尝试调试，但还没有运气。

网站是问题

http://www.reillyscott.com.au/

提前致谢

【问题讨论】：

标签： wordpress twitter-bootstrap-3 navbar

【解决方案1】：

<div class="collapse navbar-collapse navbar-responsive-collapse">

找到这个 div 并删除“collapse”类。它不需要它并导致问题。

编辑：实际上那个 div 根本不需要它。您可以将其 innerHtml 移出并删除。

【讨论】：

这解决了这个问题。 wpnavwalker 插件也呈现
所以我只是从它的属性中删除了折叠并修复了它。感谢您收到的所有帮助。所有答案实际上都是正确的。这实际上是一种最简单的解决方法

【解决方案2】：

这是因为你的 JS 没有将菜单的状态更改为显示块，保持 display:none;

菜单被隐藏在 bootstrap.css 中，第 3045 行。

当达到特定分辨率时，您应该切换菜单，使一个显示：无，另一个显示：块。

要在 Wordpress 中实现 Bootstrap 菜单，我建议您使用 WP Bootstrap Nav Walker。

【讨论】：

我实际上在使用你提到的那个模块。仍然不确定如何解决问题
您使用的是子主题吗？

【解决方案3】：

我花了一段时间才弄清楚你的问题。与其说太多细节，我只会告诉你要删除什么，它会起作用的！

<div id="bs-example-navbar-collapse-1" class="navbar-collapse collapse in" style="height: auto;">
<!--

 The WordPress Menu goes here 

-->
<div class="collapse navbar-collapse navbar-responsive-collapse">  **<--- DELETE THIS DIV**
    <ul id="main-menu" class="nav navbar-nav navbar-right"></ul>

您的第一个 div 中已经有一个 navbar-collapse。您使用了两次并抛弃了 JavaScript。只删除开始和结束的 div。将您的 wordpress 菜单 php 代码保留在那里。

如果您还有其他问题，请给我留言。

干杯，

【讨论】：