1

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

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

有没有办法做到这一点？

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

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

1 回答 1

1

请参阅 Bootply 上的此示例：http: //bootply.com/89193

基本上，您需要将整个row图像放入item active.

于 2013-11-07T15:35:40.753 回答