How Do I Make an Image Responsive in Bootstrap 4?

.img-fluid

<img src="https://dummyimage.com/600x400/000/fff" alt="placeholder image" class="img-fluid" />

In Bootstrap 4 you would use the .img-fluid class on all images you would like to be responsive. This class tells the browser not to expand the image larger than its original size using a max-width. And it also tells it to scale down the image if the browser window gets narrower than the image pixel width.

Read the Bootstrap 4 documentation for more information.



Written by: Jake Lett
I share digital marketing tips and HubSpot tutorials to help marketers and business owners grow their business.

Tags: , ,