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>

希望有人可以帮助我:)

原文由 Cal Courtney 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

它现在被称为 rounded-circle 如 BS4 文档中所述

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

演示

原文由 Zim 发布，翻译遵循 CC BY-SA 4.0 许可协议

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 查看迁移 文档。

原文由 sisindrymedagam 发布，翻译遵循 CC BY-SA 4.0 许可协议