因為Bootstrap.js是依賴jQuery來實現的， 所以我們需要先載入jQuery元件。 在Bootstrap中使用下拉式功能表有一個非常嚴格的結構， 如果使用不當則不能顯示出下拉式功能表。 使用class="dropdown"的容器包裹整個下拉式功能表：
使用一個按鈕作為一個父級功能表， 並且定義一個class="dropdown-toggle"， 給添加一個自訂屬性data-toggle="dropdown"， 這裡是相對固定的。 所謂的相對固定是指按鈕的樣式可以修改：
在按鈕的同級添加一個元素， 並且添加class="dropdown-menu"。 通過以上三種方式就可以實現一個簡單的下拉式功能表， 完整代碼如下：
核心原始程式碼
簡單的下拉式功能表
將上面的代碼貼到頁面中運行，
按一下下拉式功能表按鈕會出現下拉式功能表，
再次按一下該按鈕下拉式功能表將消失。
初始狀態下，
下拉式功能表預設是不顯示的，
這是因為在class="dropdown-menu"中設置了"display：none"來隱藏下拉式功能表，
我們可以使用chrome流覽器中的審查元素（或者Firefox中的Firebug）來查看其樣式。
當我們按一下下拉式功能表的時候，
class="dropdown"上會新增一個"open"類，
再次按一下時"open"被移除，
下拉式功能表的顯示與隱藏就是這樣實現的。