Bootstrap：下拉菜单 vs 按钮下拉菜单

Question

在Bootstrap文档中，创建下拉菜单有两种不同的方式：

• .dropdown
• .btn-group

第一种如下所示：

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    ...
  </ul>
</div>

第二个如下所示：

这里

。

<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  Dropdown 
  <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    ...
  </ul>
</div>

有一种方式比另一种更好吗？

- Tianxiang Xiong

Answer 1

它们基本上是相同的，btn group 的使用是为了确保您可以在单行上获取按钮，无论是另一个按钮还是另一个表单元素。

- jsg