时间戳

首页 > 解决方案 > 引导程序创建奇怪的空间，如何解决？

html - 引导程序创建奇怪的空间，如何解决？

问题描述

我有两张图片，一张应该漂浮在视口的左边，一张漂浮在右边。我有这个工作，现在它没有，你可以看到它在正确的 img 上创建了这个奇怪的空间。不知道为什么会这样，引导容器是流动的，所以它应该像左边一样一直跨越。图片

剩下 正确的 在此处输入图像描述

  .container-fluid{
    overflow: hidden;
}
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-6">
            <img src="images/leftHands.png" class="img-fluid" alt="left-hand">
        </div>
        <div class="col-lg-6">
            <img src="images/rightHands.png" class="img-fluid" alt="right-hand">
        </div>
    </div>
</div>

我安装了最新的引导程序，到目前为止没有任何问题。

标签： htmltwitter-bootstrapbootstrap-5

解决方案

这是因为两个因素：col-lg-6和你的img大小。您可以根据需要以两种方式修复它，您可以更改容器大小或更改img大小以适合容器。如果您决定选择后者，请尝试将容器设置为height并查看它是否可以拉伸以适合所有容器的尺寸。width100%

推荐阅读