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.