Bootstrap 4 img-circle类无效

Question

我正在用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>

希望有人可以帮助我：）

Answer 1

现在将rounded-circle称为explained here in the BS4 docs

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

Demo

Answer 2

现在班级是这个

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

Answer 3

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

用法：

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

查看从引导程序进行的迁移docs。

Answer 4

我是通过谷歌到达这里的，因为我无法在图像上获得圆角，这是我解决的方法；

.rounded-xl {
   border-radius: 1.5rem;
}