How Do I Make an Image Responsive in Bootstrap 4?

  • Updated on
  • read
  • Add to Flipboard Magazine.

.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: Jacob Lett
Category: Common Questions
Tags: ,

Leave a comment

Related Posts

Blog Home
Join the Mailing List

Receive a monthly digest of new tutorials and resources.

Signup Now