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>

希望有人能帮助我:)

122735 次浏览

小开

最佳答案

它现在叫做 rounded-circle也就是在 BS4文件中有解释

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

演示

小开

现在的课程是这样的

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

小开

在 鞋带4和 鞋带5中是 。圆圈

用法:

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

参见从引导程序迁移医生。

小开

我来到这里通过谷歌，因为我不能得到图像的圆角边缘，这里是我如何解决;

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