bootstrap旋转木马

 

  

  
  

  ![](imges/1.jpg)
  

  
标题一
  
内容描述一
  
  
  
  

  ![](imges/2.jpg)
   

  
标题二
  
内容描述二
   
  
  
  

  ![](imges/3.jpg)
   

  
标题三
  
内容描述三
   
  
  
    

  ![](imges/4.jpg)
   

  
标题四
  
内容描述四
    
  
  
  
  <
  >
  

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类
可以按左右切换按钮，切换图片。不按按钮时，也可以每隔若干秒，自动切换图片。

旋转木马图片轮播