Image

Images are a very critical part of websites and should be responsive.

Responsive Image

In order to make an image responsive simply add the class img-responsive which will make the image occupy 100% width of the parent container. If the screen size reduces, the image size will also reduce without affecting the aspect ratio.

You can paste the below code to use responsive images in your site.

Round Image

In order to use a round image simply add the class img-round.

You can paste the below code to use round images in your site. If needed the size of the round image can be changed from the css codeby changing max-width and max-height.