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

时间:2016-02-01 00:08:28

标签: twitter-bootstrap

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

比其他方式更优选吗?

1 个答案:

答案 0 :(得分:7)

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