twitter-bootstrap - Bootstrap : dropdown vs button dropdown

Question

在 Bootstrap 文档中，似乎有两种不同的方法来创建下拉列表:

.dropdown

.btn-group

first如下:

<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>

second如下:

<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>

一种方式优于另一种方式吗？

Answer 1

它们基本相同，使用 btn 组是为了确保您可以将按钮与另一个按钮或另一个表单元素放在一行上。