引导程序导航栏在wordpress上不起作用

您添加了wp_nav_menu函数类名、主题名称以及所有这些之后，它将在引导菜单上显示为类似的下拉菜单。

请参考此菜单功能名称并将其应用于您的代码中。

<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>

按照本教程使用这个navwalker，您可以轻松地创建bootstrap meny。

wp引导navwalker

我希望这对你有用。

您可以尝试另一种方法，用几行代码代替wp_nav_menu（）。

我在我的一个wordpress主题中也做了同样的事情，即引导集成，你可以在那篇文章中找到详细的解释。

http://wpgenesistheme.com/wpblogs/integrating-menu-with-bootstrap-design/

我希望它对你有用。

感谢

将此代码添加到您的functions.php文件

       class Bootstrap_Walker_Nav_Menu extends Walker_Nav_Menu {
        function start_lvl( &$output, $depth ) {
            $indent = str_repeat( "'t", $depth );
            $output    .= "'n$indent<ul class='"dropdown-menu'">'n";
        }
        function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
            $indent = ( $depth ) ? str_repeat( "'t", $depth ) : '';
            $li_attributes = '';
            $class_names = $value = '';
            $classes = empty( $item->classes ) ? array() : (array) $item->classes;
            $classes[] = ($args->has_children) ? 'dropdown' : '';
            $classes[] = ($item->current || $item->current_item_ancestor) ? 'active' : '';
            $classes[] = 'menu-item-' . $item->ID;
            $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) );
            $class_names = ' class="' . esc_attr( $class_names ) . '"';
            $id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args );
            $id = strlen( $id ) ? ' id="' . esc_attr( $id ) . '"' : '';
            $output .= $indent . '<li' . $id . $value . $class_names . $li_attributes . '>';
            $attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
            $attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
            $attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
            $attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';
            $attributes .= ($args->has_children)        ? ' class="dropdown-toggle" data-toggle="dropdown"' : '';
            $item_output = $args->before;
            $item_output .= '<a'. $attributes .'>';
            $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
            $item_output .= ($args->has_children) ? '</a>' : '</a>';
            $item_output .= $args->after;
            $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
        }
        function display_element( $element, &$children_elements, $max_depth, $depth=0, $args, &$output ) {
            if ( !$element )
                return;
            $id_field = $this->db_fields['id'];
            //display this element
            if ( is_array( $args[0] ) ) 
                $args[0]['has_children'] = ! empty( $children_elements[$element->$id_field] );
            else if ( is_object( $args[0] ) ) 
                $args[0]->has_children = ! empty( $children_elements[$element->$id_field] ); 
            $cb_args = array_merge( array(&$output, $element, $depth), $args);
            call_user_func_array(array(&$this, 'start_el'), $cb_args);
            $id = $element->$id_field;
            // descend only when the depth is right and there are childrens for this element
            if ( ($max_depth == 0 || $max_depth > $depth+1 ) && isset( $children_elements[$id]) ) {
                foreach( $children_elements[ $id ] as $child ){
                    if ( !isset($newlevel) ) {
                        $newlevel = true;
                        //start the child delimiter
                        $cb_args = array_merge( array(&$output, $depth), $args);
                        call_user_func_array(array(&$this, 'start_lvl'), $cb_args);
                    }
                    $this->display_element( $child, $children_elements, $max_depth, $depth + 1, $args, $output );
                }
                    unset( $children_elements[ $id ] );
            }
            if ( isset($newlevel) && $newlevel ){
                //end the child delimiter
                $cb_args = array_merge( array(&$output, $depth), $args);
                call_user_func_array(array(&$this, 'end_lvl'), $cb_args);
            }
            //end this element
            $cb_args = array_merge( array(&$output, $element, $depth), $args);
            call_user_func_array(array(&$this, 'end_el'), $cb_args);
        }
    }

你应该这样调用导航菜单，在我的情况下，请使用你的主题位置，这是主菜单

 <nav class="navbar navbar-default" role="navigation">
                                    <div class="container-fluid">
                                        <!-- Collect the nav links, forms, and other content for toggling -->
                                        <div class="collapse navbar-collapse" id="navbar-collapse-1">
         <?php
            $args = array(
                 'theme_location'  => 'main-menu',
                'depth'      => 1,
                'container'  => false,
                'menu_class'     => 'nav navbar-nav navbar-right',
                'walker'     => new Bootstrap_Walker_Nav_Menu()
            );
                   wp_nav_menu($args);
          ?>
            <form class="navbar-form navbar-left" role="search">
                <div class="form-group">
               <input type="text" class="form-control" placeholder="Search">
                </div>
               <button type="submit" class="btn btn-default">Submit</button>
            </form>
                                        </div>
                                    </div>
                                </nav>