Css 由（php）wordpress创建的响应菜单

我在wordpress中制作了一个菜单（网站名为[）。当用户从wordpress中创建菜单项时，这个菜单会自动生成。在这里，我不知道如何使它在响应中垂直打开

php是

 <!-- header -->
    <header>
        <div class="overNavPanel">
        <div class="container">
            <div class="col-md-12">
                <div class="row overNavPanel">
                    <div class="col-md-2 col-sm-6" id="logo">
                        <img class="img-reponsive" src="/wp-content/uploads/2015/12/logo.png" alt="logo.png">
                    </div>
                    <div class="col-md-4 col-md-offset-6 col-sm-6" id="top-right-contact">                      
                                    <image class="img-reponsive" src="/wp-content/uploads/2015/12/contact.png" alt="call-icon.png">


                    </div> <!--col-md-4 col-md-offset-7-->      
                </div><!--row-->
            </div>              
        </div>  <!--container-->
        </div><!--overNavPanel-->
        <nav id="myNavbar" class="navbar navbar-default" role="navigation">
            <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>           
                    </div>
                 <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="navDiv">
            <div class="container">
                <div class="col-md-12">
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav">
                        <ul id="nav" class="nav nav-pills nav-justified">
                          <li><?php wp_nav_menu(array('container_class'=>'nav','container'=>'container'));?></li>

                   </div>
                 </div>  
            </div>
        </div>
    </header>
    <!-- /header -->

切换导航

您可以使用此插件为自己创建响应菜单

或者你可以查看这个网站

有许多现成的响应导航选择您喜欢的导航并应用其JS&CSS

您正在加载引导JavaScript两次。我想这就是为什么崩溃不起作用的原因。请确保只加载引导JS一次

上面的（非PHP生成的）HTML结构与引导示例不完全一致，因此您可能需要对其进行修改以使其正常工作。以下是我为您的案例准备的提琴：

PHP生成的部分：调用

wp\u nav\u menu（）

生成列表项不起作用。您需要一个PHP实现来为引导生成正确的结构。看起来很有希望，但我猜您已经在使用Wordpress的引导主题，该主题可能也有相应的实现？您正在使用哪个主题