Bootstrap 4 img-circle class not working

Question

I\'m writing a website in HTML5 and Bootstrap 4 and I\'m trying to turn a square image into a circle. In Bootstrap 3 this was easily do-able with .img-circle, but n

Answer 1

In Bootstrap 4 it was renamed to .rounded-circle

Usage :

<div class="col-xs-7">
    <img src="img/gallery2.JPG" class="rounded-circle" alt="HelPic>
</div>

See migration docs from bootstrap.

Answer 2

It's now called rounded-circle as explained here in the BS4 docs

<img src="img/gallery2.JPG" class="rounded-circle">

Demo

Answer 3

Now the class is this

 <img src="img/img5.jpg" width="200px" class="rounded-circle float-right">