Question

我想知道在下拉列表打开时是否有办法向Bootstraps 4下拉句柄添加活动类？我知道那个课程“显示＆＃39;正在添加，但此类也添加到下拉菜单中。所以想在“下拉列表”中添加新课程。无法弄清楚。

<div class="dropdown">
  <a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown link
  </a>

  <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>

Answer 1

Bootstrap已经在下拉列表和下拉菜单中添加并删除了一个类。它给它类.show。如果你想定位整个下拉列表，你可以这样定位它：

.dropdown.show

如果您想定位按钮，则可以使用

.dropdown.show .btn

如果您想定位下拉菜单，可以使用

.dropdown-menu.show

打开时将活动类添加到Bootstraps 4下拉列表，关闭时删除

1 个答案: