css - Wordpress Bootstrap 折叠菜单，如列表

Question

我的 wordpress 菜单没有正确折叠。菜单项仅隐藏，当它们应该显示时，它们看起来不像列表。

<div class="site-navigation-inner col-sm-12">
    <div class="navbar navbar-default">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only"><?php _e('Toggle navigation','_tk') ?> </span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>

        <?php wp_nav_menu(
            array(
                'theme_location'    => 'primary',
                'depth'             => 2,
                'container'         => 'div',
                'container_class'   => 'collapse navbar-collapse',
                'menu_class'        => 'nav navbar-nav',
                'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
                'menu_id'           => 'main-menu',
                'walker'            => new wp_bootstrap_navwalker()
            )
        ); ?>

    </div><!-- .navbar -->
</div>

也许这只是一件小事，但我是 Wordpress 新手。谢谢!

Answer 1

@media (max-width: 767px) {
  //get your nav to the left here and float the menu-items
}

应该可以。