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 に答える