使 Wordpress 导航栏与 Bootstrap 一起工作答案

【问题标题】：Make Wordpress Navbar Work With Bootstrap使 Wordpress 导航栏与 Bootstrap 一起工作
【发布时间】：2013-07-28 01:21:16
【问题描述】：

我目前正在尝试使用 Bootstrap 3.0 编写 wordpress 布局。现在我正试图让我的导航栏工作。我找到了 TwitterM 的 NavWalker mod，并按照他的指示，几乎成功了。

问题是导航栏没有显示为单行 bavbar。它在新行上显示每个菜单项。

这是我在安装 walker mod 后放在标题中的代码（可以在此处查看代码：http://twittem.github.io/wp-bootstrap-navwalker/）：

    <div class="navbar">
        <?php
            wp_nav_menu( array(
            'menu' => 'primary_menu',
            'depth' => 2,
            'container' => false,
            'menu_class' => 'nav',
            'fallback_cb' => 'wp_page_menu',
            //Process nav menu using our custom nav walker
            'walker' => new wp_bootstrap_navwalker())
            );
        ?>
    </div>

我的网站上显示了该问题：http://noellesnotes.com/tester

如果有人有任何建议，我们将不胜感激。感谢您的宝贵时间，

诺艾尔

【问题讨论】：

那个 mod 似乎是为 Bootstrap 2 设计的，它与 Bootstrap 3 有很多不同。
我看到你的网站只有 1 个导航栏
谢谢ceejayoz。我降级了，mod 工作了。
感谢大卫查看。

标签： css wordpress twitter-bootstrap

【解决方案1】：

CeeJayOz 找到了解决这个问题的方法。我需要降级到 Bootstrap 版本 2 并且 mod 工作正常。

【讨论】：

【解决方案2】：

这很简单，但我花了大约一个小时才弄明白。

只需将您的代码更改为：

wp_nav_menu( array(
        'menu'            =>      'primary_menu',
        'depth'           =>      2,
        'container_class' =>      'nav-collapse collapse navbar-responsive-collapse',
        'menu_class'      =>      'nav navbar-nav',
        'fallback_cb'     =>      '',
        'menu_id'         =>      'main-menu',
        'walker'          =>      new twitter_bootstrap_nav_walker()
    ) ); ?>

【讨论】：

【解决方案3】：

walker 确实适用于 3.0，问题是您必须在 WordPress 管理员中将菜单分配给您给定的菜单名称。我正在努力在主脚本中解决这个问题，但只要分配它就可以正常工作。

问题是，如果未在管理员中分配菜单，它会使用不支持自定义 walkers 的 wp_page_menu() 后备。

-爱德华 (@twitem)

【讨论】：