Question

我正在使用这个Bootstrap 4轮播滑块，而不是让它一次滚动3个图像我试图让它一次滚动4个图像。我怎样才能最好地实现这一目标？它也必须是Bootstrap 4。谢谢！

https://www.codeply.com/go/s3I9ivCBYH/multi-carousel-single-slide-bootstrap-4

Answer 1

Bootstrap carousel实际上为每张幻灯片使用div。这意味着您可以在每张幻灯片中插入更多图像并进行适当的调整。

    <div class="carousel-item">
      <img class="" src="http://placebeard.it/g/640/480" alt="First slide">
      <img class="" src="http://placebeard.it/g/640/480" alt="First slide">
      <img class="" src="http://placebeard.it/g/640/480" alt="First slide">
      <img class="" src="http://placebeard.it/g/640/480" alt="First slide">
    </div>

以下是codepen中的工作示例：https://codepen.io/asimaley/full/RZvgLr

制作Bootstrap 4多图像轮播滑块

1 个答案: