twitter ブートストラップ版を使用しています。2.3.2で、モバイル デバイスでレンダリングすると、ナビゲーション バーが適切に機能しないことに気付きました。
問題は、各トップ メニューのサブ項目が URL で指定されたページにリダイレクトされないことです。
デスクトップコンピューターでブラウザーのウィンドウのサイズを変更すると、期待どおりに機能します。Android フォン (4.0.3)、iPhone 4、および Opera モバイル エミュレータでテストしました。
これはHTMLです:
<div class="container">
<div class="navbar">
<div class="navbar-inner">
<div class="container-fluid">
<button class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="/"> </a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="dropdown">
<a id="mnuItem_0" href="#" data-target="#" role="button" class="dropdown-toggle" data-toggle="dropdown">HOME<b class="caret"></b></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="mnuItem_0">
<li role="presentation">
<a role="menuitem" tabindex="-1" href="/"><i class="icon-home"></i> Home</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" id="LogOff" href="/Authentication/LogOff"><i class="icon-off"></i> Exit</a>
</li>
</ul>
</li>
<li class="dropdown">
<a id="mnuItem_1" href="#" data-target="#" role="button" class="dropdown-toggle" data-toggle="dropdown">USERS<b class="caret"></b></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="mnuItem_1">
<li role="presentation">
<a role="menuitem" tabindex="-1" href="/Roles"><i class="icon-group"></i> Roles</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="/Users"><i class="icon-user"></i> Users</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
どんな助けでも大歓迎です。