Bootstrap 4 Carousel Show 2 Slides Advance 1
我试图在Bootstrap 4旋转木马上显示两张幻灯片，而在点击下一张或上一张时只前进1张。 它现在正在做，但是当它这样做时，它不会顺利滑过。 该项目稍微消失，再次出现在另一侧。
以下是我试图让它滑动的方式： https ： //www.bootply.com/wYydqqLLWR
这是我在Bootply上的代码（用ZimSystem中的数字更新）： https ：//www.bootply.com/9YTnuqUPMs
它按预期工作（一次一个），但因为图像都是一样的，所以很难看到。 尝试使用这样的不同图像……
https://www.bootply.com/9YTnuqUPMs
为了使动画更加Bootstrap 4友好 ，覆盖这样的过渡…
.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
另请参阅： https ： //stackoverflow.com/a/20008623/171456
我明白了什么是错的。 如果您想获得与第一个相同的结果，您将更改：
一个旋转木马项目中的两张图片。