Bootstrap导航切换按钮无响应

时间:2019-03-26 18:45:14

标签: wordpress twitter-bootstrap navigation toggle

我正在使用Bootstrap构建WordPress导航栏。我得到切换图标显示,但是当我单击按钮时什么也没有发生。

我已经在此处以及在Bootstrap的帮助下查看了导航栏相关的问题,但是我无法弄清楚出了什么问题。

<nav class="navbar navbar-expand-md sticky-top justify-content-center navbar-light" id='primarynav'>  
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">  
    <span class="navbar-toggler-icon"></span>  
</button>

<div class='row'>
    <div class='col-xs-1 mx-auto'> 
        <div class="collapse navbar-collapse px-3 navtext" id="navbarTogglerDemo02">
            <?php
                wp_nav_menu( array(
                'theme_location'    => 'Primary',
                'depth'             => 1, // 1 = with dropdowns, 0 = no dropdowns.
                'container'         => 'div',
                'container_class'   => 'collapse navbar-collapse',
                'container_id'      => 'bs-example-navbar-collapse-1',
                'menu_class'        => 'navbar-nav mr-auto',
                'fallback_cb'       => 'WP_Bootstrap_Navwalker::fallback',
                'walker'            => new WP_Bootstrap_Navwalker()
                            ) );
            ?>

        </div> <!-- collapse !-->
</nav>
    </div> <!-- col !-->
</div> <!-- row !-->

当我单击按钮时,什么也没有发生。我只想要一个基本的切换功能即可工作。

0 个答案:

没有答案