html – 引导4 img-circle类不工作

发布时间：2020-12-14 19:33:27 所属栏目：资源来源：网络整理

导读：我在 HTML5和Bootstrap 4中编写一个网站,我正在尝试将一个正方形的图像变成一个圆圈.在Bootstrap 3中,这很容易使用.img-circle,但是现在我似乎无法让它工作,我在网上找不到任何答案. Bootstrap是否丢弃了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>

希望有人能帮我出来:)

解决方法

现在称为圆圆为 explained here in the BS4 docs

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

演示：http://www.codeply.com/go/FelvOGA7Xn

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!