ブートストラップ4カルーセルショー2スライドアドバンス1

Question

ブートストラップ4カルーセルに2枚のスライドを表示しようとしていますが、次回または前回クリックしたときに1だけ前進します。それは今やっているが、そうすると滑らかに滑らない。アイテムは少し消えて、反対側に再び現れます。ここで

が、私はそれのようにスライドさせるためにしようとしているものです：（期待どおりに働いているhttps://www.bootply.com/9YTnuqUPMs

Answer 1

：https://www.bootply.com/wYydqqLLWR

ここで私はBootply（ZimSystemから番号で更新）の上に持っているコードです一度に1つずつ）、画像はすべて同じであるため、見るのは難しいです。

.carousel-inner .carousel-item-left.active { 
    transform: translateX(-50%); 
} 
.carousel-inner .carousel-item-right.active { 
    transform: translateX(50%); 
} 

.carousel-inner .carousel-item-next { 
    transform: translateX(50%) 
} 
.carousel-inner .carousel-item-prev { 
    transform: translateX(-50%) 
} 

.carousel-inner .carousel-item-right, 
.carousel-inner .carousel-item-left{ 
    transform: translateX(0); 
} 

https://www.bootply.com/G33EYIj4eF

---

...アニメーションより ブートストラップ4優しい、このような遷移を無効にするには、このような異なる画像...

https://www.bootply.com/9YTnuqUPMs

で試してみてください

参照：https://stackoverflow.com/a/20008623/171456

Answer 2

私は何が間違っているのか分かります。あなたが最初のものと同じ結果を持っているしたい場合は、変更されます：1カルーセル項目で

<div class="carousel-item"> 
<img class="d-block col-6 img-fluid" src="http://placehold.it/350x150"> 
<img class="d-block col-6 img-fluid" src="http://placehold.it/350x150"> 
</div> 

二つの絵を。