Bootstrap导航栏响应下拉式不响应触摸

Question

我使用Twitter Bootstrap 2.3.2构建响应式站点。我有一个下拉菜单导航栏一：

<div class="nav-collapse collapse"> 
    <ul class="nav"> 
     <li {% if request.get_full_path = "/" %} class="active" {% endif %} ><a href="/">Home</a></li> 

     <li id="fat-menu" class="dropdown" id="about" 
     {% if request.get_full_path = "/about/" %} class="active" {% endif %}> 
     <a href="/about/" role="button" class="dropdown-toggle" data-toggle="dropdown">About 
      <b class="caret"></b> 
     </a> 
     <ul class="dropdown-menu" role="menu" aria-labelledby="about"> 
      <li role="presentation" class="divider"></li> 
      <li role="presentation"> 
       <a role="menuitem" tabindex="-1" href="/news/"></a> 
      </li> 
     </ul> 
    </li> 
</ul> 
</div> 

在桌面浏览器，下拉响应点击，即使调整窗口大小来显示移动视图。当我使用Chrome &海豚浏览器使用我的Nexus 4时，下拉链接不起作用。脱字符按钮起作用，当我点击下拉链接时，下拉菜单会缩回，而我不会重定向。但是我没有尝试过其他移动设备。

这是一个已知的问题？

Answer 1

这看起来像已知的问题。但它显示在github上关闭。我遇到了同样的问题，并找到了解决方案Here。

这解决了我的问题。你也可以试试。