Bootstrap插件使用步骤

Bootstrap是一个简洁、直观、强悍的前端开发框架，它让web开发更迅速、简单。它能开发PC端，也能开发移动端。

网址：Bootstrap中文网 (bootcss.com)

先下载Bootstrap放到文件夹中

使用步骤：

一、引入相关js文件

（一定要先引入jquery.js文件）

    <script src="bootstrap/js/jquery.min.js"></script>
    <!-- 再引入bootstrap js文件 -->
    <script src="bootstrap/js/bootstrap.min.js"></script>

二、复制html结构

点击javascript插件

找到需要的效果（以轮播图为例）

向下滑动找到代码部分

全部复制放到html中轮播图部分

三、修改对应样式

修改图片大小，匹配原始代码

（给样式加 ！important提高层级）

.carousel,
.carousel img {
    height: 266px!important;
    width: 100%;
}

四、修改js相关参数

修改轮播时间

复制js代码

放到html中（要放到结构后面）

<script>
    $('.carousel').carousel({
        interval: 3000
    })
</script>

修改interval参数的值即可修改轮播时间