一尘不染

在Bootstrap 3.0中设置下拉列表的宽度

css

如何在引导程序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- *宽度。


阅读 341

收藏
2020-05-16

共1个答案

一尘不染

我通过设置下拉菜单和按钮宽度= 100%找到了解决方案。

.dropdown-menu {
  width: 100%; 
}

.btn{
 width: 100%;
}

现在,按钮和下拉列表的宽度相同,由列宽度控制。

2020-05-16