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称为BS4文档中的解释

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

演示

Answer 2

在Bootstrap 4和Bootstrap 5中它是.rounded-circle

用法 ：

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

请参阅 bootstrap 中的迁移文档。