前面的話
按鈕式下拉式選單僅從外觀上看，和下拉式選單效果基本上是一樣的。不同的是普通的下拉式選單是block元素，而按鈕式下拉式選單是inline-block元素。本文將詳細介紹Bootstrap按鈕式下拉式選單
概述
按鈕式下拉式選單其實就是普通的下拉式選單，唯一不同的是外部容器“div.dropdown”換成了“div.btn-group”，display從block換成了inline-block
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">按钮式下拉菜单 <span class="caret"></span>
</button>
<ul class="dropdown-menu"><li><a href="#">Action</a></li><li><a href="#">Another action</a></li><li><a href="#">Something else here</a></li><li role="separator" class="divider"></li><li><a href="#">Separated link</a></li>
</ul></div><div class="dropdown">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">普通下拉菜单 <span class="caret"></span>
</button>
<ul class="dropdown-menu"><li><a href="#">Action</a></li><li><a href="#">Another action</a></li><li><a href="#">Something else here</a></li><li role="separator" class="divider"></li><li><a href="#">Separated link</a></li>
</ul></div>
登入後複製
##向上彈出
有些選單是需要向上彈出的，例如，選單在頁面最底部，而這個選單正好有一個下拉選單，為了讓使用者有更好的體驗，不得不讓下拉選單向上彈出。在Bootstrap框架中專門為這種效果提代了一個類別名稱“dropup”，只需要在“btn-group”上添加這個類別名稱即可
【三角形】
按鈕預設向下的三角形，是透過在
