/bootstrap-responsive-image

Examples for opting images into responsive behavior and add lightweight styles to them. Free for personal & commercial use.

How to make Bootstrap image responsive?

Add class .img-fluid to make your bootstrap image responsive. It will apply max-width: 100%; and height: auto; to the image, which makes it always fit the parent element.

<img src="https://mdbootstrap.com/img/new/slides/041.jpg" class="img-fluid" alt="..." />

Much more examples and a detailed description can be found at 📄 Documentation page