How Do I Make an Image Responsive in Bootstrap 4?

  • Updated on
  • read
  • Add to Flipboard Magazine.


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.

Want to Get Email Updates?

Receive a monthly digest of new tutorials and resources.

Subscribe to Newsletter

Advertise Here

Written by: Jacob Lett - Web designer and BootstrapCreative instructor
Category: Common Questions

Related Posts

Blog Home