css - bootstrap navbar-fixed-top 比手机大

Question

我在 wordpress 站点中使用最新的引导程序 2.3.2，导航栏固定在屏幕顶部。

我在导航栏中的菜单项大约是 10-12。

当我进入 iphone/android 屏幕（主要是横向）时，它只显示前 5 个或 6 个，具体取决于我选择覆盖的字体大小。有没有办法单击导航栏图标并滚动内容区域（ .nav-collapse ）？

这是我的导航栏代码：

<div class="navbar navbar-inverse navbar-fixed-top" id="mynavbar" style="position:fixed;z-index:9999;">
    <?php
    // Fix menu overlap bug..
    if (is_admin_bar_showing())
        echo '<div style="min-height: 28px;"></div>';
    ?>            
    <div class="navbar-inner">
        <div class="container-fluid">                    
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="<?php echo icl_get_home_url() ?>"><?php lm_display_logo(); ?></a>
            <div class="nav-collapse collapse pull-right">
                <ul class="nav">
[li > a items depending on wordpress menu, which are around 10-20 ]
                </ul>
            </div><!--/.nav-collapse -->
        </div>
    </div>
</div>