如何在引导程序3.0中将下拉触发按钮的宽度设置为等于下拉列表的宽度?与使用bootstrap-select所实现的功能类似。我试图用col- *类将整个列表包装在div中,但这似乎不起作用:
<div class="row"> <div class="col-xs-4 col-md-4"> <div class="dropdown"> <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">Button</button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Action</a></li> <li><a href="#">Action</a></li> <li><a href="#">Action</a></li> </ul> </div> </div>
因此,我想:按钮宽度=下拉菜单列表= col- *宽度。
我通过设置下拉菜单和按钮宽度= 100%找到了解决方案。
.dropdown-menu { width: 100%; } .btn{ width: 100%; }
现在,按钮和下拉列表的宽度相同,由列宽度控制。