Bootstrap 3 插件

插件概覽

在前面 佈局組件 章節中所討論到的組件僅僅是個開始。Bootstrap 自帶 12 種 jQuery 插件，擴展了功能，能夠給站點添加更多的互動。即便您不是一名高級的 JavaScript 開發人員，您也能夠着手學習 Bootstrap 的 JavaScript 插件。利用 Bootstrap 數據 API（Bootstrap Data API），大部分的插件能夠在不編寫任何代碼的狀況被觸發。

站點引用 Bootstrap 插件的方式有兩種：

• 單獨引用：使用 Bootstrap 的個別的 *.js 文件。一些插件和 CSS 組件依賴於其餘插件。若是您單獨引用插件，請先確保弄請這些插件之間的依賴關係。

• 編譯（同時）引用：使用 bootstrap.js 或壓縮版的 bootstrap.min.js。

    不要嘗試同時引用這兩個文件，由於    bootstrap.js 和    bootstrap.min.js 都包含了全部的插件。  

全部的插件依賴於 jQuery。因此必須在插件文件以前引用 jQuery。請訪問 bower.json 查看 Bootstrap 當前支持的 jQuery 版本。

摺疊效果

bootstrap摺疊效果是collapse插件來實現的，

data－toggle＝"collapse"     //摺疊效果

 <a href="#learn-more-content" data-toggle="collapse">顯示下拉菜單</a>
                    <ul id="learn-more-content" class="collapse in">
                        <li>1-1</li>
                        <li>1-2</li>
                        <li>1-3</li>
                        <li>1-4</li>
                    </ul>