Circle Image in Bootstrap

In this article, we will see how to make a circle image in HTML using Bootstrap. To make a rounded image, we can use the bootstrap “rounded-circle” class. The

Example :

<img src="sas.jpg" class="rounded-circle" width="100">

Output:

Steps:

1. See the above code, we create a <img> tag and insert an image using the “src” attribute.
2. Then we set the “width” attribute to specify the width of an image.
3. And then we set the class attribute to “round-circle” bootstrap. It’s used to create a rounded circle image.
4. See the output, the image is converted into a circle shape automatically.