gpt4 book ai didi

bootstrap-4 - bootstrap 4 img-fluid 不改变图像高度

转载 作者:行者123 更新时间:2023-12-03 14:33:05 25 4
gpt4 key购买 nike

Bootstrap 4 中的响应式图像,类 .img-fluid 不成比例地调整大小。他们保持它的高度,即使宽度正确缩小。那是使整个图像变形。有什么方法可以使它像在 Bootstrap 3 中使用类 .img-responsive 一样平滑?谢谢

<div class="col-sm-6">
<img class="img-fluid" src="/assets/blogs/14853991244821.jpg" alt="">
</div>

顺便说一下,它在 Bootstrap 4 文档( https://v4-alpha.getbootstrap.com/content/images/ )中是相同的,其中示例 svg 图像保持高度 250 像素,而不管它的宽度如何。

最佳答案

问题是我用类 .row 将图像包装在 div 中,其中显示属性设置为 flex。一旦从父 div 图像中删除此类,按预期工作

关于bootstrap-4 - bootstrap 4 img-fluid 不改变图像高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41870216/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com