Bootstrap:下拉列表与按钮下拉列表

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>

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

Answer 1

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