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>