bootstrap旋转木马

 <div id="carousel1" class="carousel slide">
  <div class="carousel-inner">
  
  <div class="item active">
  ![](imges/1.jpg)
  <div class="carousel-caption">
  <h4>标题一</h4>
  <p>内容描述一</p>
  </div>
  </div>
  
  <div class="item">
  ![](imges/2.jpg)
   <div class="carousel-caption">
  <h4>标题二</h4>
  <p>内容描述二</p>
   </div>
  </div>
  
  <div class="item">
  ![](imges/3.jpg)
   <div class="carousel-caption">
  <h4>标题三</h4>
  <p>内容描述三</p>
   </div>
  </div>
  
    <div class="item">
  ![](imges/4.jpg)
   <div class="carousel-caption">
  <h4>标题四</h4>
  <p>内容描述四</p>
    </div>
  </div>
  
  </div>
  <a href="#carousel1" data-slide="prev" class="left carousel-control"><</a>
  <a href="#carousel1" data-slide="next" class="right carousel-control">></a>
  </div>

div标签：包含carousel-inner类div标签和图片切换控制按钮a标签。
-id属性
-carousel类
-slide类：图片切换动画效果

-div标签：包含所有图片及其信息。
-----carousel-inner类

-----div标签：包含单个图片及其描述信息。
---------item类：
---------active类：激活状态，默认显示该图片。
---------div标签：
-------------carousel-caption类：包含图片描述信息，使图片描述信息浮于图片上方，并有半透明黑色背景。

-a标签 ：图片切换控制按钮
-----href属性：含carousel类的父级div标签的id值
-----data-slide属性：prev,向左切换图片；next，向右切换图片。
-----left类：向左切换图片
-----right类：向右切换图片
-----carousel-control类
可以按左右切换按钮，切换图片。不按按钮时，也可以每隔若干秒，自动切换图片。

旋转木马图片轮播