Bootstrap Carousel image doesn't align properly

Question

Please take a look at the following image, we are using bootstrap carousel to rotate the images. However, when the window width is large, the image doesn\'t align with the b

Answer 1

With bootstrap 3, just add the responsive and center classes:

This automatically does image resizing, and centers the picture.

Edit:

With bootstrap 4, just add the img-fluid class