Images in Bootstrap 3 can be made responsive-friendly via the addition of the .img-responsive class. This applies max-width: 100%; and height: auto; to the image so that it scales nicely to the parent element.

A generic square placeholder image with rounded cornersA generic square placeholder image where only the portion within the circle circumscribed about said square is visibleA generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera

Allow browsers to determine video or slideshow dimensions based on the width of their containing block by creating an intrinsic ratio that will properly scale on any device.



Background Image