Twitter引导轮播，其中包含许多活动项目

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

请参阅以下示例：https://codeply.com/p/7t07Bh577D

基本上你需要把一整row的图像放在item active .