本课要点:
Bootstrap 自带 12 种 jQuery 插件,大部分的插件可以在不编写任何代码的情况下被触发,扩展了功能,可以给站点添加更多的互动。
站点引用 Bootstrap 插件的方式有两种:
单独引用:使用 Bootstrap 的个别的 *.js 文件。一些插件和 CSS 组件依赖于其他插件。如果您单独引用插件,请先确保弄清这些插件之间的依赖关系。
编译引用:使用 bootstrap.js 或压缩版的 bootstrap.min.js。
所有的插件依赖于 jQuery。所以必须在插件文件之前引用 jQuery。
在网页设计中通过 data 属性使用所有的 Bootstrap 插件
Bootstrap 轮播(Carousel)插件
Bootstrap 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。除此之外,内容也是足够灵活的,可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。
如果想要引用该插件的功能,那么您需要引用 bootstrap.js 或压缩版的bootstrap.min.js。
<script src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

使用 data 属性控制轮播(Carousel)组件
1、几个data属性


2、轮播导航
属性 data-slide 接受关键字 prev 或 next,用来改变幻灯片相对于当前位置的位置。

3、轮播指标
使用 data-slide-to 来向轮播传递一个原始滑动索引,data-slide-to="2" 将把滑块移动到一个特定的索引,索引从 0 开始计数。



