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