前端-轮播-Bootstrap方法实现

使用：Carousel插件

首先需要引入插件。

整个轮播实现过程分为三部分，三部分都包裹在一个容器里，容器的id class如下:

id="myCarousel" class="carousel slide"

其余三部分分别为：

• 轮播指标：class="carousel-indicators"

                  给每个轮播对象（data-target="myCarousel"）设定序号(data-slide-to="number")，规定当前展示对象。 

• 轮播项目：class="carousel-inner"

                  以class="item"包裹。设置轮播图片、标题（class="carousel-caption"）

• 轮播导航

                  左右箭头下方圆点，先记住。

<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">

    <span class="glyphicon glyphic