Bootstrap 4 img-circle class 似乎不存在

Question

我正在 HTML5 和 Bootstrap 4 中编写网站，我正在尝试将方形图像变成圆形。在 Bootstrap 3 中，使用 .img-circle 很容易做到这一点，但现在我似乎无法让它工作，而且我无法在网上找到任何答案。 Bootstrap 删除了 img-circle class 还是我的代码搞砸了？

事情是这样的：

<!-- 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

现在class是这个

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

Answer 3

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

用法：

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

查看 bootstrap 的迁移 docs。

Answer 4

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

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

Bootstrap 4 img-circle class 似乎不存在

Bootstrap 4 img-circle class doesn't seem to exist

html

css

twitter-bootstrap

bootstrap-4