上一篇：Bootstrap3.0學習第九輪：CSS補充
終於把前面關於Bootstrap CSS部分簡單的學習了一遍，應該忽視了比較多的細節問題。不過大部分的內容我都過了一遍，並且用代碼實現了一遍，而且看到了真是的效果。挺不錯的。那麼接下來的幾篇文章主要來講解Bootstrap的組件。
那麼本文主要來講解以下內容：1.下拉菜單；2.按鈕組；3.按鈕式下拉菜單；4.總結。
再來熟悉一下這個開始建立一個頁面的代碼，首先新建一個測試網頁加入如下代碼
下拉菜單
用於顯示連結列表的可切換、有上下文的菜單。
案例
將下拉菜單觸發器和下拉菜單都包裹在.dropdown裡，然後添加組成菜單的HTML代碼。
可以通過上面的代碼發現，裡面可能有很多陌生的樣式類或者屬性。
一個Dropdown按鈕和右側有個小圖標caret，當然這個小圖標和按鈕的文本是平級的。
首先看button按鈕中有個dropdown-toggle，還有一個data-toggle屬性，根據這個屬性來彈出下來列表。
緊接著ul標籤的dropdown-menu應該是和上面button按鈕的樣式類dropdown-toggle聯合使用，在通過aria-labelledby綁定上面的button按鈕。
下來第四個li標籤中有個divider其實是一個分割線的樣式類。
大概我理解的就這個樣子，理解的肯定不到位。
對齊選項
給下拉菜單.dropdown-menu加上.text-right 使文字右對齊。
只是在上面的代碼中的ul標籤上添加了一個text-right的樣式類。