[Solved] Bootstrap 4 Carousel Show 2 Slides Advance 1 [closed]

by


It is working as expected (one at a time) but because the images are all the same it’s hard to see. Try with different images like this…

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

To make the animation more Bootstrap 4 friendly, override the transitions like this…

.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

Also see: https://stackoverflow.com/a/20008623/171456

5

solved Bootstrap 4 Carousel Show 2 Slides Advance 1 [closed]