Bootstrap 3导航链接不在大屏幕上内联

Question

我正在将父主题的导航更改为引导默认值（我正在创建一个子主题，并且父主题已经使用引导程序） 父主题已经具有引导程序代码在functions.php（和一堆其他导航js文件，我不需要）所以我复制header.php到子主题，并用默认值替换导航信息。

一切工作正常功能，除非正常大小的屏幕上的链接堆叠在另一个顶部而不是旁边。和：悬停状态（背景颜色）点亮导航栏的整个宽度。当我使用默认的代码（没有链接到WordPress的菜单），它工作正常。但是当我添加wp代码时，它将链接堆叠起来。

 <div class="collapse navbar-collapse navbar-ex1-collapse"> 
        <?php /* Primary navigation */ 
         wp_nav_menu(array(
         'menu' => 'top_menu', 
         'depth' => 2, 
         'container' => false, 
         'menu_class' => 'nav', 
         //Process nav menu using our custom nav walker 
         'walker' => new wp_bootstrap_navwalker()) 
         ); 
        ?> 
       </div> 

我没有更改任何的style.css或functions.php的只是添加的代码行

require_once('wp_bootstrap_navwalker.php'); 

因为父主题没有它。

Answer 1

尝试导航栏，导航添加到您的菜单类

<div class="collapse navbar-collapse navbar-ex1-collapse"> 
    <?php /* Primary navigation */ 
     wp_nav_menu(array(
     'menu' => 'top_menu', 
     'depth' => 2, 
     'container' => false, 
     'menu_class' => 'nav navbar-nav', 
     //Process nav menu using our custom nav walker 
     'walker' => new wp_bootstrap_navwalker()) 
     ); 
    ?> 
</div>