提问者:小点点

Bootstrap 4,必须并排放置的两个元素


谢谢你,卢卡斯


共1个答案

匿名用户

如果您为所有img标记设置了max-width:100%;,请为所提供图片的后六列中的图像使用max-width:none,如果您在此图像中使用了.img-fluid类,请删除它,.img-fluid类具有max-width:100%的CSS;请参阅全屏演示。

null

body {overflow-x: hidden}
img {max-width: none;}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
    <div class="row align-items-center">
        <div class="col-sm-6">
            <h2>
                Lorem ipsum dolor sit amet consectetur adipisicing.
            </h2>
        </div>
        <div class="col-sm-6">
            <img src="https://dummyimage.com/1200x600/74bdcc/fff.jpg" alt="">
        </div>
    </div>
</div>