How to Create Circle Image Using Bootstrap

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:

bootstrap image circleSteps:

  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.
READ ALSO  How to Align Text Using Bootstrap Class | Example code

Leave a Reply