How do you make images responsive in bootstrap?

Question

How do you make images responsive?

Answer 1

Bootstrap 3 allows to make the images responsive by adding a class .img-responsive to the <img> tag. This class applies max-width: 100%; and height: auto; to the image so that it scales nicely to the parent element.