旋轉木馬在右側的最後一個項目後消失

左側的按鈕正常工作，但不是正確的，整個旋轉木馬在最後一項之後再次點擊右箭頭後摺疊。 demo here 旋轉木馬在右側的最後一個項目後消失

<div id="myCarousel" class="carousel slide"> 
    <ol class="carousel-indicators"> 
     <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
     <li data-target="#myCarousel" data-slide-to="1" ></li> 
     <li data-target="#myCarousel" data-slide-to="2" ></li> 
    </ol> 

    <div class="carousel-inner"> 

     <div class="item active"> 
      <img src="http://www.realtyrendezvous.com/panoramic_view_of_lake_and_mountains_op_800x300.jpg"/> 
     </div> 
     <div class="item"> 
      <img src="http://www.organmountains.org/omm/wp-content/uploads/2012/03/Mount-Cox-2-Charlie-Kennedy-800x300.jpg"/> 
     </div> 
     <div class="item"> 
      <img src="http://www.michaelducharme.com/files/5813/4332/8709/Panorama1-800x300.jpg"/> 
     </div> 
      <a href="#myCarousel" class="left carousel-control" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> 
      <a href="#myCarousel" class="right carousel-control" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a> 
    </div> 

</div>

來源

2013-09-30 Ulises Colen

http://www.w3resource.com/twitter-bootstrap/carousel-tutorial.php 比較我們的代碼這個例子 – Shashank

你的div沒有關閉像他們應該是，試試這個（旋轉木馬內的物品後必須關閉）。

<div id="myCarousel" class="carousel slide"> 
<ol class="carousel-indicators"> 
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
    <li data-target="#myCarousel" data-slide-to="1"></li> 
    <li data-target="#myCarousel" data-slide-to="2"></li> 
</ol> 

<div class="carousel-inner"> 

    <div class="item active"> 
     <img src="http://www.realtyrendezvous.com/panoramic_view_of_lake_and_mountains_op_800x300.jpg"> 
    </div> 
    <div class="item"> 
     <img src="http://www.organmountains.org/omm/wp-content/uploads/2012/03/Mount-Cox-2-Charlie-Kennedy-800x300.jpg"> 
    </div> 
    <div class="item"> 
     <img src="http://www.michaelducharme.com/files/5813/4332/8709/Panorama1-800x300.jpg"> 
    </div> 
</div> 
    <a href="#myCarousel" class="left carousel-control" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> 
    <a href="#myCarousel" class="right carousel-control" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a> 
</div>

來源

2013-09-30 06:48:29

旋轉木馬在右側的最後一個項目後消失

回答

相關問題