Twitter bootstrap轮播与许多活跃的项目

Question

我正在使用Twitter Bootstrap 3 Carousel。我已经实现了他们网站上的那个，但我需要一点定制：

• 我想要显示4张
，而不是一次显示1张图片
• 左箭头应位于第一张图片的左侧
• 右箭头应该是最后一张图片

有没有办法做到这一点？

这是我到目前为止所尝试的：

<div id="myCarousel" class="carousel slide">
    <section class="carousel-inner">
        <div class="item active"><img src="img/slide1.jpg"></div>
        <div class="item"><img src="img/slide2.jpg"></div>
        <div class="item"><img src="img/slide3.jpg"></div>
        <div class="item"><img src="img/slide4.jpg"></div>
        <div class="item"><img src="img/slide5.jpg"></div>
        <div class="item"><img src="img/slide6.jpg"></div>
    </section>

    <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>

Answer 1

在Bootply上查看此示例：http://bootply.com/89193

基本上，您需要在row中放置整个item active张图片。