2016-02-01 22 views
5

対ドロップダウンが、ドロップダウンを作成するには、2つの異なる方法があるように思われる次のようにブートストラップ:ブートストラップのドキュメントでボタンのドロップダウン

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

次のようです:

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

は他よりも優先一つの方法ですか?

答えて

6

これは基本的に同じですが、btnグループを使用すると、別のボタンまたは別のフォーム要素を使用してボタンを1行に確実に表示できます。

関連する問題