基本的轮播图实现
<!--
以下容器就是整个轮播图组件的整体,
注意该盒子必须加上class="carousel slide" data-ride="carousel"表示当前是一个轮播图
bootstrap.js会自动为当前元素添加图片轮播特效
-->
<div id="轮播图的id" class="carousel slide" data-ride="carousel">
<!--ol标签是图片轮播的控制点-->
<ol class="carousel-indicators">
<!--
每个li就是一个单独控制点
data-target属性就是指定当前控制点控制的是哪个轮播图,其目的是如果界面上有多个轮播图
data-slide-to属性是指当前li元素绑定的是第几个轮播项
注意:默认必须给其中某个li加上active,展示的时候就是焦点项目
-->
<li data-target="#轮播图的id" data-slide-to="0" class="active"></li>