Bootstrap 4 img-circle类不起作用 [英] Bootstrap 4 img-circle class not working

问题描述

我正在用HTML5和Bootstrap 4编写网站，并试图将方形图像变成圆形.在Bootstrap 3中，可以很容易地使用.img-circle进行此操作，但是现在我似乎无法使其正常工作，并且无法在线找到任何答案. Bootstrap是否放弃了img-circle类，还是我的代码搞砸了?

I'm writing a website in HTML5 and Bootstrap 4 and I'm trying to turn a square image into a circle. In Bootstrap 3 this was easily do-able with .img-circle, but now I can't seem to get it to work and I can't find any answers online. Has Bootstrap dropped the img-circle class or is my code messed up?

它是这样的:

<!-- Within a tab-content div --> 
<div class="col-xs-7">
    <img src="img/gallery2.JPG" class="img-circle" alt="HelPic>
</div>

希望有人可以帮助我:)

Hope somebody can help me out :)

推荐答案

它现在被称为rounded-circle，其名称为

It's now called rounded-circle as explained here in the BS4 docs

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

演示

这篇关于Bootstrap 4 img-circle类不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！