私は次のコードを持っています-3つのボタンドロップダウンメニューが隣り合っており、それぞれが独自のIDを持っています。ただし、最初の2つのカレットを押しても何も起こりませんが、3番目のカレットを押すと最初のドロップダウンメニューが表示されます。理由は何ですか?ボタングループに独自性を追加する何かが欠けていますか?Bootstrapのバグ?
<div class="btn-group" id="all-sectors">
<button class="btn btn-larger btn-primary title">All Sectors</button>
<button class="btn btn-larger btn-primary dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#" class="camera-filter" data-filter-type="all">All Cameras</a></li>
<li><a href="#" class="camera-filter" data-filter-type="camera-Joe0">camera-Joe0</a></li>
<li><a href="#" class="camera-filter" data-filter-type="North-Joe0">North-Joe0</a></li>
<li><a href="#" class="camera-filter" data-filter-type="East-Joe0">East-Joe0</a></li>
</ul>
</div>
<div class="btn-group" id="all-grids">
<button class="btn btn-larger btn-primary title">All Grids</button>
<button class="btn btn-larger btn-primary dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#" class="camera-filter" data-filter-type="all">All Cameras</a></li>
<li><a href="#" class="camera-filter" data-filter-type="camera-Joe0">camera-Joe0</a></li>
</ul>
</div>
<div class="btn-group" id="all-cameras">
<button class="btn btn-larger btn-primary title">All Cameras</button>
<button class="btn btn-larger btn-primary dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#" class="camera-filter" data-filter-type="all">All Cameras</a></li>
<li><a href="#" class="camera-filter" data-filter-type="camera-Joe0">camera-Joe0</a></li>
</ul>
</div>