Question

我目前正在尝试使用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

如果有人有任何建议，他们将非常感激。谢谢你的时间，

诺勒

Answer 1

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

只需将您的代码更改为：

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()
    ) ); ?>

Answer 2

CeeJay Oz想出了这个问题的答案。我需要降级到Bootstrap第二版并且mod工作。

Answer 3

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

问题是如果管理员没有分配菜单，它会使用不支持自定义助手的wp_page_menu（）回退。

-Edward（@twitem）

使Wordpress Navbar与Bootstrap一起使用

3 个答案: