テストページでこれを試してみましたが、うまくいきました。
<div class="btn-group">
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
Action <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
ドロップダウン メニュー項目のいずれかをクリックすると、ドロップダウン メニューが閉じます。
ただし、これを HotTowel プロジェクトの nav.html にコピーすると、次のようになります。
<div class="btn-group">
<a class="btn btn-info" href="#">Home</a>
<a class="btn btn-info" href="#/details">Details</a>
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
Odd Pages <span class="caret"></span>
</button>
<ul class="dropdown-menu pull-right" role="menu">
<li><a href="#/page1">Page 1</a></li>
<li><a href="#/page3">Page 3</a></li>
<li><a href="#/page5">Page 5</a></li>
<li class="divider"></li>
<li><a href="#">Page 9</a></li>
</ul>
</div>
Web ページのどこかをクリックするまで、ドロップダウン メニューが閉じません。
なにが問題ですか?