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