ブートストラップを作る4マルチイメージカルーセルスライダー

Question

私はこのブートストラップ4カルーセルスライダーを使っています。一度に3つの画像をスクロールさせるのではなく、一度に4つの画像をスクロールさせようとしています。これを実現させるにはどうしたらいいですか？ブートストラップ4も必要です。ありがとう！

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

Answer 1

ブートストラップカルーセルは、実際には、各スライドのための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