bootstrapについての質問です。

<div class="navbar">
<div class="navbar-inner">
<a href="" class="brand">sample1</a>
<ul class="nav">
<li class="active"><a href="">Home</a></li>
<li><a href="">Help</a></li>
</ul>
<form class="navbar-search pull-left">
<input type="text" class="search-query" placeholder="検索">
</form>
<ul class="nav pull-right">
<li class="dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown">
sample2
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="">設定</a></li>
<li><a href="">ヘルプ</a></li>
</ul>
</li>
</ul>
</div>
</div>

としているのですが
iPadでsample2ボタンを押して設定ボタンを選択しようとすると消えてしまいます。
拡大して選択しても消えてしまいます。
bootstrapでのプルダウンメニューは選択できないのでしょうか？