Twitter bootstrap Twitterbootstrap下拉列表,打开模式
尝试打开一个下拉按钮,然后单击下拉菜单中的某个项目时,它将打开一个模式-但不工作,添加了以下代码:Twitter bootstrap Twitterbootstrap下拉列表,打开模式,twitter-bootstrap,drop-down-menu,modal-dialog,Twitter Bootstrap,Drop Down Menu,Modal Dialog,尝试打开一个下拉按钮,然后单击下拉菜单中的某个项目时,它将打开一个模式-但不工作,添加了以下代码: <button type="button" class="btn btn-lg btn-warning dropdown-toggle" data-toggle="dropdown">By industries <span class="caret"></span> </button>
<button type="button" class="btn btn-lg btn-warning dropdown-toggle" data-toggle="dropdown">By industries <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#consumergoods">Consumer goods</a></li>
<div class="modal fade" id="consumergoods" data-target="#consumergoods">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header orange">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title"><strong></strong>Consumer goods</h4>
</div>
按行业划分
&时代;
消费品
可能是做错了什么事,但如果有人能帮忙,我会很高兴的,谢谢 您需要有一个包装器div
。下拉列表
用于按钮
和
,下拉列表才能工作,模式需要为链接提供属性data toggle=“modal”
<div class="dropdown">
<button type="button" class="btn btn-lg btn-warning dropdown-toggle" data-toggle="dropdown">By industries <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#consumergoods" data-toggle="modal">Consumer goods</a></li>
</ul>
</div>
<div class="modal fade" id="consumergoods" data-target="#consumergoods">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header orange">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title"><strong></strong>Consumer goods</h4>
</div>
</div>
</div>
</div>
按行业划分
&时代;
消费品
首先,您发布的HTML无效。您尚未关闭
ul
和几个div
元素。除此之外,您没有正确设置数据-*
和id
值。我确实关闭了这些值,但没有将它们复制到中。好的!谢谢,成功了!但是,我将按钮放在buttongroup中,但它们不分组anymore@Bernie哦,那你就可以去掉那个下拉包装了