bootstrap 轮播插件

   轮播容器  <div id="slidershow" class="carousel">
          声明式触发轮播<div id="slidershow" class="carousel slide" data-ride="carousel">
   轮播计数器
     <ol class="carousel-indicators">
        <li class="active" data-target="#slidershow" data-slide-to="0" ></li>
        <li data-target="#slidershow" data-slide-to="1"></li>
        <li data-target="#slidershow" data-slide-to="2"></li>
     </ol>
   轮播图片 图片描述
     <div class="carousel-inner">
        <div class="item active">
            <a href="#"><img src="image/1.JPG" style="height: 400px;margin: 0 auto;"></a>
          <div class="carousel-caption">
            <h3>图片标题1</h3>
            <p>描述内容1</p>
          </div>
        </div>
        <div class="item ">
          <a href="#"><img src="image/2.JPG" style="height: 400px;margin: 0 auto;"></a>
          <div class="carousel-caption">
            <h3>图片标题2</h3>
            <p>描述内容2</p>
          </div>   
        </div>
    </div>
  轮播图片控制器
    <a class="left carousel-control" href="#slidershow" role="button" data-slide="prev">
       <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#slidershow" role="button" data-slide="next">
       <span class="glyphicon glyphicon-chevron-right"></span>

    </a>