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和Dolphin浏览器使用Nexus 4时,下拉链接不起作用.插入符号按钮工作,当我单击下拉链接时,下拉菜单缩回,我没有重定向.我没有尝试过其他移动设备.

这是一个已知的问题？

Answer 1

这似乎是已知的问题.然而它在github上显示关闭.我遇到了同样的问题,并在此处找到了解决方案.

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