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>