我正在用HTML5和Bootstrap4写一个网站,我试着把一个正方形的图像变成一个圆形.在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>

希望有人能帮帮我:)

推荐答案

现在它被称为rounded-circle,因为它是explained here in the BS4 docs

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

Demo

Css相关问答推荐

下一个js app样式刷新页面后不工作页面

如何改变图标的 colored颜色 时悬停在

Vue3日期 Select 器:作用域样式不起作用

将特定样式应用于递归Angular 元素

在最小和最大视口之间时具有固定值的 CSS 钳位

CSS:使用 Material Icon 作为 ::marker 或 ::before 使 li 元素不起作用

有没有办法将px单位添加到 Sass mixin 的参数数组中?

Vue.js 变量中的动态类变量

当父元素处于子元素 input 的焦点状态时更改父元素的样式

BootStrap:右对齐嵌套手风琴

将复选框对齐到中心

如何使单选按钮看起来像切换按钮

如何根据其中的内容自动调整

使用 CSS 强制侧边栏高度 100%(带有粘性底部图像)?

如何使内容出现在固定的 DIV 元素下方?

范围内的 CSS 未在组件中应用

我应该使用最大设备宽度还是最大宽度?

使用 inline-block 换行?

如何将文本向左旋转 90 度并根据 html 中的文本调整单元格大小

如何将页脚(div)与页面底部对齐?