csswordpresswordpress-themingwp-nav-walkerwp-nav-menu-item

wp_nav_menu - add class on UL

I am learning wordpress together with bootstrap and somehow I can't add class on UL tag.

In the screenshot, I want to add class nav nav-tabs on UL but it was added on parent div

$defaults = array(
  'menu_class'=> 'nav nav-tabs',        
);

wp_nav_menu( $defaults );

Inspected element:

enter image description here

Referrence:
http://codex.wordpress.org/Function_Reference/wp_nav_menu

Solution

  • First of all, you need to create a custom navigation menu from Appearance -> Menus.

    Then, use the wp_nav_menu with the following parameters:

    <?php 
$args = array(
    'menu_class' => 'nav nav-tabs',        
    'menu' => '(your_menu_id)'
);
wp_nav_menu( $args ); 
?>

    There's a lot you can read about Wordpress Menus. I suggest the following:
    http://codex.wordpress.org/Navigation_Menus
    http://www.paulund.co.uk/how-to-register-menus-in-wordpress