Bootstrap內容傳送帶

Question

我想實現這樣的事情：Circular Content Carousel 但我使用Bootstrap，它已經有它的Carousel組件。

有沒有什麼辦法可以使用Bootstrap的Carousel和jquery來實現相同的功能/效果？或者任何人都知道其他方式來實現這一目標？由於網格佈局，我很困惑。

P.S.點擊引用網站上的「閱讀更多內容」時，我對這種效果不感興趣。

非常感謝您的幫助！

Answer 1

好吧，我只是嘗試了一些期滿，我想我得到了我想要的東西。 基本上，我試圖在span10 div中安裝5個盒子。 但是5個盒子不是靜態的，所以它可能變成6或7或更多。 所以我試圖一次顯示5個盒子（這是1'行'）作爲'活動項目'。 每5個盒子（實際上是div）是1個項目。

所以我想，你已經知道了。 這裏是我的代碼下面的靜態數據：

<div class="span10"> 
<div id="myCarousel" class="carousel slide"> 
    <div class="carousel-inner"> 
     <div class="active item"> 
      <div class="row"> 
       <div class="span2 logs">                
        <h4>Span 2</h4> 
        <p>Carousel caption text<p>        
       </div> 
       <div class="span2 logs">                
        <h4>Span 2</h4> 
        <p>Carousel caption text<p>        
       </div> 
       <div class="span2 logs">                
        <h4>Span 2</h4> 
        <p>Carousel caption text<p>        
       </div> 
       <div class="span2 logs">                
        <h4>Span 2</h4> 
        <p>Carousel caption text<p>        
       </div> 
       <div class="span2 logs">                
        <h4>Span 2</h4> 
        <p>Carousel caption text<p>        
       </div> 
      </div>       
     </div> 
     <div class="item"> 
      <div class="row"> 
       <div class="span2 logs">                
        <h4>Span 2</h4> 
        <p>Carousel caption text<p>        
       </div> 
       <div class="span2 logs">                
        <h4>Span 2</h4> 
        <p>Carousel caption text<p>        
       </div> 
       <div class="span2 logs">                
        <h4>Span 2</h4> 
        <p>Carousel caption text<p>        
       </div>     
      </div>       
     </div>        
    </div>     
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> 
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>      
</div> 

它將基本上每個滾動到右側或左側顯示5盒。 除最後一組小於5.