1

我想实现这样的目标：循环内容轮播 ，但我正在使用 Bootstrap 并且它已经拥有它的轮播组件。

有什么方法可以使用 Bootstrap 的 Carousel 和一些 jquery 来实现相同的功能/效果？或者任何人都知道任何其他方式来实现这一目标？由于网格布局，我很困惑。

PS 我对在引用站点上单击“阅读更多”时的效果不感兴趣。

非常感谢您的帮助！

4

1 回答 1

2

好的，我只是尝试了一些过期，我想我得到了我想要的。基本上，我试图在 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。

于 2012-11-13T09:01:52.977 回答