Image

Images play key role in making a website user interactive. Images need to be of different size according to their uses. Few of the most commonly used image components are mentioned here.

Responsive Image

To make any image responsive just add the img-responsive class to the image tag. The image will grow to the 100% width of it's parent container. Change the window of the browser to see the responsiveness.

Round Image

To make any image round just add the img-round class to the image tag.

Square Image

To make any image square just add the img-square class to the image tag.