2013-07-24 16 views
1

我正在一個旋轉木馬多個圖像http://jsfiddle.net/Va8Un/10/引導響應旋轉木馬隨着多個項目通過每次點擊

<div class="container-fluid"> 
<div class="row-fluid"> 
<div class="carousel slide" id="myCarousel"> 
     <div class="carousel-inner"> 
      <div class="item active"> 
       <ul class="thumbnails"> 
        <li class="span3"> 
         <div class="caption"> 
          <h5>Caption</h5> 
         </div> 
         <div class="thumbnail"> 
          <img src="http://placehold.it/260x180" alt=""> 
         </div> 
        </li> 
        <li class="span3"> 
         <div class="caption"> 
          <h5>Caption</h5> 
         </div> 
         <div class="thumbnail"> 
          <img src="http://placehold.it/260x180" alt=""> 
         </div> 
        </li> 
        <li class="span3"> 
         <div class="caption"> 
          <h5>Caption</h5> 
         </div> 
         <div class="thumbnail"> 
          <img src="http://placehold.it/260x180" alt=""> 
         </div> 
        </li> 
        <li class="span3"> 
         <div class="caption"> 
          <h5>Caption</h5> 
         </div> 
         <div class="thumbnail"> 
          <img src="http://placehold.it/260x180" alt=""> 
         </div> 
        </li> 
       </ul> 
      </div> 
      <div class="item"> 
       <ul class="thumbnails"> 
        <li class="span3"> 
         <div class="caption"> 
          <h5>Caption</h5> 
         </div> 
         <div class="thumbnail"> 
          <img src="http://placehold.it/260x180" alt=""> 
         </div> 
        </li> 
        <li class="span3"> 
         <div class="caption"> 
          <h5>Caption</h5> 
         </div> 
         <div class="thumbnail"> 
          <img src="http://placehold.it/260x180" alt=""> 
         </div> 
        </li> 
        <li class="span3"> 
         <div class="caption"> 
          <h5>Caption</h5> 
         </div> 
         <div class="thumbnail"> 
          <img src="http://placehold.it/260x180" alt=""> 
         </div> 
        </li> 
        <li class="span3"> 
         <div class="caption"> 
          <h5>Caption</h5> 
         </div> 
         <div class="thumbnail"> 
          <img src="http://placehold.it/260x180" alt=""> 
         </div> 
        </li> 
       </ul> 
      </div> 
      <div class="item"> 
       <ul class="thumbnails"> 
        <li class="span3"> 
         <div class="caption"> 
          <h5>Caption</h5> 
         </div> 
         <div class="thumbnail"> 
          <img src="http://placehold.it/260x180" alt=""> 
         </div> 
        </li> 
        <li class="span3"> 
         <div class="caption"> 
          <h5>Caption</h5> 
         </div> 
         <div class="thumbnail"> 
          <img src="http://placehold.it/260x180" alt=""> 
         </div> 
        </li> 
        <li class="span3"> 
         <div class="caption"> 
          <h5>Caption</h5> 
         </div> 
         <div class="thumbnail"> 
          <img src="http://placehold.it/260x180" alt=""> 
         </div> 
        </li> 
        <li class="span3"> 
         <div class="caption"> 
          <h5>Caption</h5> 
         </div> 
         <div class="thumbnail"> 
          <img src="http://placehold.it/260x180" alt=""> 
         </div> 
        </li> 
       </ul> 
      </div> 
     </div> 
     <a data-slide="prev" href="#myCarousel" class="left carousel-control">‹</a> 
     <a data-slide="next" href="#myCarousel" class="right carousel-control">›</a> 
    </div> 

我想知道是否有一個的bootsrap旋轉木馬的實現1張照片就像那個,但是箭頭每次點擊都會傳遞一張照片。

回答