How to make images responsive in bootstrap?

How to make images responsive in bootstrap?

Images in Bootstrap are made responsive with .img-fluid . max-width: 100%; and height: auto; are applied to the image so that it scales with the parent element.

You can read more about it here.