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

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

我已经在谷歌、这个网站和其他几个网站上搜索过解决方案，但还没有找到。 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>

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

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

.dropdown-backdrop {
    position: static;
}

也许有帮助。 我从那里得到了解决方案这个与 BS 2.3.2 类似的问题 https://stackoverflow.com/questions/17579750/drop-down-menu-not-working-on-mobile-devices

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