使Wordpress Navbar與Bootstrap一起工作

我目前正在嘗試使用Bootstrap 3.0編寫wordpress佈局。現在我試圖讓我的導航欄工作。我發現了TwitterM的NavWalker mod，並遵循他的指示，幾乎成功了。使Wordpress Navbar與Bootstrap一起工作

問題是導航欄不顯示爲一行bavbar。它在每一行顯示每個菜單項。

下面是我放在我的頭安裝沃克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

如果有人有任何建議，他們將非常感激。感謝您的時間，

諾伊爾

來源

2013-07-28 nellygrl

，國防部似乎是引導2，其中有從引導3. – ceejayoz

我看到Ø網站只有1導航欄 –

由於ceejayoz不少差異。我降級了，模組工作。 – nellygrl

CeeJayOz想出雁這個問題。我需要降級到Bootstrap版本二，並且mod工作。

來源

2013-07-28 05:17:17 nellygrl

這很簡單，但花了我大約一個小時才弄清楚。

只需更改您的代碼：

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

來源

2013-07-31 15:44:03

-1

漫步者確實與3.0工作的問題是，你必須將菜單分配給WordPress管理您給定的菜單名稱。我正在努力在主腳本中解決這個問題，但只要它被分配，它就可以正常工作。

問題是如果菜單未在管理員中分配，則使用不支持自定義漫遊者的wp_page_menu（）回退。

-Edward（@twitem）

來源

2013-09-19 17:16:09 twittem

使Wordpress Navbar與Bootstrap一起工作

回答

相關問題