Javascript Twitter引导下拉列表创建一个滚动条

我正在使用twitters引导创建一个响应性强的站点。我有一个带有很多链接的下拉列表，当我在移动视图中时，它不会使导航折叠区域变大，而是会产生滚动效果。有没有办法使下拉菜单强制折叠导航div增加大小或将我的内容向下推

这是我目前正在使用的代码

<div class="row">
    <div class="col-md-12">
        <nav  id="menu1"  class="navbar navbar-default" role="navigation">
            <div class="navbar-header">
                 <div id="logo" class="pull-left hidden-md hidden-lg">
                        <div class="logo-small">
                            <img src="<?php bloginfo('template_directory');?>/images/logo-xs.png" alt="small-logo" class="img-responsive"/>


                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                                </div>
                     </div>
            </div>
            <?php wp_nav_menu( array( 'theme_location' => 'main-menu',
                                    'depth' => 2,
                                      'container_class' => 'collapse navbar-collapse',
                                     'menu_class' => 'nav nav-pills nav-justified',
                                    'walker' => new wp_bootstrap_navwalker() )); ?>

        </nav>
    </div>
</div>

/图像/徽标xs.png“alt=“small logo”class=“img responsive”/
切换导航

尝试将以下内容添加到css中

.navbar-collapse{
    max-height:auto;
}

---

你能用wordpress生成的代码在bootply上做一个工作示例吗？这样我就可以看到哪里出了问题。确保你的css需要在引导之后出现，否则它会被覆盖。你也可以尝试“最大高度：自动！重要的；“非常奇怪的是，你的导航栏排成一行，而col-md-12却没有。col-md-12是100%，但什么都没有。因此，请看示例，删除导航栏周围的.row和column类。除非你有与Bootstrap 3.x不同的css，否则导航栏上没有固定位置的滚动条。