Image

Images can be made responsive to fit the width of the parent, images can also be customized to be round in shape. You can add the class img-responsive to make your image fit the width of a container. It's height will get adjusted by keeping the aspect ratio same. If you want to change the aspect ratio, you will have to crop the image. You can add the class img-round to make your images round.

Examples

Responsive Image

                   
<img class="img-responsive" src="https://picsum.photos/400/400" alt="random-img">
                   
                

Round Image

                   
<img class="img-responsive img-round" src="https://picsum.photos/400/400" alt="random-img">