Documentation and examples for opting images into responsive behavior (so they never become wider than their parent)
To make your image responsive, add "image-responsive" class to your image element. It will make your image responsive, will always take dimensions of your container and will adjust according to it.
responsive-image
To make your responsive image circular add "image-round" class to it.
responsive-image
You can also have different sizes for your responsive images. use "image-small", "image-medium", "image-large" to make them of a certain size that they can be contained with. You can use it with circular images as well.
responsive-image responsive-image responsive-image
On This Page