如果您为所有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>