Question

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

现在尝试调试一段时间但没有运气。

网站问题是

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

提前致谢

Answer 1

这是因为你的JS没有改变菜单的状态来显示块，维持display：none;

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

当某个分辨率到来时你应该切换菜单，使一个显示：none，另一个显示：block。

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

Answer 2

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

找到这个div并删除“collapse”类。它不是必需的，它导致了这个问题。

编辑：实际上div根本不需要它。你可以移动它的innerHtml并删除它。

Answer 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代码。

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

干杯，

“折叠”中的Bootstrap 3折叠菜单问题

3 个答案: