我正在使用Bootstrap 3.7,我在面板体内有两个按钮,但每当我点击其中一个按钮时,两个按钮都会打开它们的下拉菜单。
<div class="static">
<div class ="container">
<div class="panel panel-default">
<div class="panel-heading">
<ul class="nav nav-pills nav-justified" role="tablist">
<li class="active"><a href="#">Booking</a></li>
<li><a href="#">Flight Times</a></li>
<li><a href="#">My Trips</a></li>
</ul>
</div>
<div class="panel-body">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1"
data-toggle="dropdown">From
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">London Stanstead Airport (<strong>STN</strong>)</a></li>
</ul>
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2"
data-toggle="dropdown">To
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Manchester (<strong>MAN</strong>)</a></li>
<li><a href="#">Glasgow (<strong>GLA</strong>)</a></li>
<li><a href="#">Dublin (<strong>DUB</strong>)</a></li>
<li><a href="#">Paris (<strong>CDG</strong>)</a></li>
<li><a href="#">Madrid (<strong>MAD</strong>)</a></li>
<li><a href="#">Brussels (<strong>BRU</strong>)</a></li>
</ul>
</div>
</div>
</div>
</div>
有没有办法解决这个问题?
答案 0 :(得分:1)
您必须将每个按钮下拉包装到.btn-group本身,如下所示: https://www.bootply.com/ErHpvikz6x
您可以查看Bootstrap文档中的详细信息:https://getbootstrap.com/docs/3.3/components/