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 を使用すると、ドロップダウン リンクが機能しません。ドロップダウン リンクをクリックすると、キャレット ボタンが機能し、ドロップダウン メニューが縮小され、リダイレクトされません。ただし、他のモバイルデバイスは試していません。
これは既知の問題ですか?