twitter-bootstrap - 导航栏下拉菜单不适用于移动设备

Question

我在 Bootstrap 3 中遇到了导航栏的问题。我的菜单项之一是下拉菜单，它在我的笔记本电脑上运行良好，但在我的 Android 手机上不起作用。特别是在我的手机上按下下拉菜单项时没有任何 react 。

我已经在谷歌、这个网站和其他几个网站上搜索过解决方案，但还没有找到。 Bootstrap 2 似乎有一些解决方案/解决方法，但它们似乎都不适合我。我知道版本 2 和版本 3 之间存在一些差异，这可能就是我尝试的解决方案都不起作用的原因。

我能看到的任何建议或引用将不胜感激!我在下面包含了我的 navbar.php 文件中的代码。为了了解我的设置，我还有一个 header.php 和 footer.php 文件。我网站上的每个页面都包含页眉、导航栏和页脚文件。请让我知道是否有任何其他信息可能会有所帮助。

    <nav id="navbar" class="navbar navar-default navbar-inverse navbar-fixed-top" role = "naviation">
<div class="container">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbarCollapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="http://luckyrabbitdesigns.com/index.php">Lucky Rabbit Designs</a>
    </div>
    <div class="collapse navbar-collapse navbarCollapse">
        <ul class="nav nav-pills">
            <li >
                <a href="http://luckyrabbitdesigns.com/index.php">Home</a>
            </li>
           <!-- <li>
                <a href="http://luckyrabbitdesigns.com/resume.php">Res</a>
            </li>-->
            <li class="dropdown">
                <a href="http://luckyrabbitdesigns.com/projects.php" data-target="#" data-toggle="dropdown" class="dropdown-toggle">Projects <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="http://luckyrabbitdesigns.com/projects/designs.php">Designs</a></li>
                    <li><a href="http://luckyrabbitdesigns.com/projects/artwork.php">Art</a></li>
                    <li><a href="http://luckyrabbitdesigns.com/projects/bookreviews.php">Book Reviews</a></li>
                     <li><a href="http://luckyrabbitdesigns.com/projects/photos.php">Photos</a></li>
                </ul>
            </li>
            <li>
                <a href="http://luckyrabbitdesigns.com/contact.php">Contact</a>
            </li>
        </ul>
    </div>
</div>

Answer 1

我在使用 Bootstrap 3.2.0 和手机上的下拉菜单时遇到了同样的问题。

通过将此添加到我的 css 文件中解决了我的问题:

.dropdown-backdrop {
    position: static;
}

也许它有帮助。
我从 this comparable problem with BS 2.3.2 得到了解决方案

编辑:而且我不使用 data-target=""在我的菜单中。