I want my carousel images to be at the center horizontally which is not by default I follow the solution at this topic However using this solution when the carousel is resized and smaller than the image the image is cropped instead of scaling as default How can I both center my image but keep it to stretch to the carousel item

Make Bootstrap's Carousel both center AND responsive?

Now (on Boostrap 3 and 4) its simply :

.carousel-inner img {
  margin: auto;
}

~ Answered on 2015-02-01 17:17:17