之前我们学了css样式轮播和js轮播现在我们来看看Bootstraps轮播吧

ps：写的步骤在下面用1.2.3.标注出来了

1<div class="carousel slide" data-ride="carousel" id="c_t_bot">
    2 <div class="carousel-inner">
       3 <div class="item active">
         4 <a href="javascript:void(0)"><img src="img/1.jpg" /></a>
       3 </div>
      3 <div class="item ">
          4<a href="javascript:void(0)"><img src="img/2.jpg" /> </a>
       3</div>
       3<div class="item ">
          4<a href="javascript:void(0)"><img src="img/3.jpg" /></a>
       3 </div>
     2</div>
     5<ol class="carousel-indicators">
       6<li data-target="#c_t_bot" data-slide-to="0" class="active"></li>
       6<li data-target="#c_t_bot" data-slide-to="1"></li>
       6<li data-target="#c_t_bot" data-slide-to="2"></li>
     5</ol>
     7 <div>
       8 <a class="carousel-control left" data-slide="prev" href="#c_t_bot"><i class="glyphicon glyphicon-chevron-left"></i></a>
       8 <a class="carousel-control right" data-slide="next" href="#c_t_bot"><i class="glyphicon glyphicon-chevron-right"></i></a>
     7</div>

   1 </div>

1. class="carousel slide"轮播指组件  滑动特效
2. data-ride="carousel"自动轮播
3. carousel-inner轮播的内容
4. item active轮播的项目  激活轮播 项目，通常是第一个
5. item 轮播的项目 
6. carousel-indicators 轮播底部指示器
7. data-target="#c_t_bot" 指定轮播对象
8. data-slide-to="0" 滑动的位置，从0开始
9.  class="active" 激活指示器，默认是第一个
10. data-slide="prev" 向前
11. carousel-control left轮播左导航
12. data-slide="next" 向后-->
13. carousel-control right轮播右导航