How Do I Make an Image Responsive in Bootstrap 4?

Download FREE Marketing Guides

.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.

Related posts

Tags:

Want to Get Email Updates of New Articles?

Join My Email Newsletter