4

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

これは既知の問題ですか?

4

1 に答える 1