Arnaldo Capo

Bootstrap Carousel Full Width (Responsive)

I hope you found this in a quick google search. When trying to use the Bootstrap carousel and want to have a full width, every time you go into the next slide it will become smaller and then expand to it’s original size. The way to fix this is by setting the width to 100 in the slide item and the image itself.

.carousel-inner {
    .item,
    .item.next,
    .item.left,
    .item.active {
      width : 100%;
      img {
        width : 100%;
      }
    }
  }