Bootstrap Images

Bootstrap provide three kinds of image styles.

•     Rounded Corners
•     Circle
•     Thumbnail

The .rounded class represents the imgae with rounded border.

Example of Code

<img src="https://www.gstatic.com/webp/gallery/1.jpg" style="width: 20%; height: 20%;" class="img-rounded image-example" alt="Rounded Image">

Output

The .rounded-circle class represents the circle image.

Example of code

<img src="https://www.gstatic.com/webp/gallery/1.jpg" style="width: 20%; height: 20%;" class="img-circle image-example" alt="Circular Image">

Output

The .img-thumbnail class represents the squared image.   

Example of code

<img src="https://www.gstatic.com/webp/gallery/1.jpg" style="width: 20%; height: 20%;" class="img-thumbnail image-example" alt="Thumbnail Image">

Output