Bootstrap 4 img-circle类不起作用

我正在用HTML5和Bootstrap 4编写网站，并且试图将方形图像变成圆形。在Bootstrap 3中，可以轻松地实现此功能.img-circle，但现在似乎无法正常使用，也无法在线找到任何答案。Bootstrap是否放弃了img-circle类，还是我的代码搞砸了？

它是这样的：

<!-- Within a tab-content div --> 
<div class="col-xs-7">
    <img src="img/gallery2.JPG" class="img-circle" alt="HelPic>
</div>

希望有人可以帮助我:)

现在rounded-circle按BS4文档中的说明进行调用

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

演示版

在Bootstrap 4中，它被重命名为.rounded-circle

用法：

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

请参阅引导程序中的迁移文档。

现在班级是这个

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