我在移动设备（Bootstrap2）上的Bootstrap菜单下拉菜单中遇到问题。这里使用下拉按钮也提出了类似的问题，但是答案是引导程序中的一个固有错误，该错误已在更新中解决。我似乎遇到了同样的问题，所以可能是因为我的标记问题？

我有一个带有下拉菜单的可折叠导航栏，所有功能在桌面浏览器上均能完美运行。但是，在移动设备上，当您单击下拉菜单时，下拉菜单将打开，但是单击任何下拉链接将仅再次折叠下拉菜单-
无法访问链接。我尝试了各种引导程序版本，但无法更正此错误，因此只能想象这是我的标记。这里是：

 <header class="navbar">
    <div class="navbar-inner">
        <div class="container">
            <a href="#"><h1>Branding</h1></a>
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> Menu </button>
            <div class="nav-collapse collapse">
                <ul class="nav">
                    <li><a href="#">Menu Item 1</a></li>
                    <li class="dropdown">                    
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu Item 2 (Dropdown)<b class="caret"></b></a>      
                        <ul class="dropdown-menu">
                            <li><a href="#">Dropdown Item 1</a></li>
                            <li><a href="#">Dropdown Item 2</a></li>
                            <li><a href="#">Dropdown Item 3</a></li>  
                            <li><a href="#">Dropdown Item 4</a></li>                           
                        </ul>
                    </li>
                    <li><a href="#">Menu Item 3</a></li>
                    <li><a href="#">Menu Item 4</a></li>
                </ul>
            </div><!--/.nav-collapse -->
        </div>
    </div>
</header>

这是复制代码的示例（抱歉，无法发送网站）

（问题只能在移动设备上看到/复制-我正在使用iOS）

任何帮助将非常感激。