两个div之间的非计划空间，我不知道如何修复

Question

在我的网站上，只有xl屏幕有问题，实际上在我的屏幕上是不可见的。在网站的第一部分，有两个div:左边是一个图片，右边是一个紫色的背景，里面有一些文本和信息。问题是两个div之间不应该有空格，但在xl中有一个垂直的白条空格。有可能修复它吗？(左侧-the图像上的div -最初是img-fluid，没有空间，但当我将类改为fullScreen -they时，必须全屏显示-空间出现了。)

<div class="row mb-5">
            <div class="col-lg d-none d-lg-block d-xl-block">
                <img src="sfondo_linee/linee_sfondobianco.svg" class="fullScreen" alt="">
            </div>
            <div class="col-lg bg-lightpurple d-flex align-items-center vertical-container justify-content-center fullScreen ">
                <h2 class="mt-6 ml-6 mt-12 ml-12">contattami</h2>
                <p class="col-6 display-5 mt-5 ml-7 mb-5">Hai bisogno di un'informazione o vuoi commissionare un
                    progetto? Sono felice di aiutarti! Non esitare a contattarmi attraverso un'email o il box qui sotto. Rispondo entro qualche ora.</p>

                    
            </div>

        </div>

Answer 1

您的问题与引导css相关。我不是bootstrap方面的专家，但我能看到的最快的修复方法是去掉第一个div中的填充。

因此将<div class="col-lg d-none d-lg-block d-xl-block">更改为<div class="col-lg d-none d-lg-block d-xl-block" style="padding: 0">

最好解决办法是为div使用更好的引导程序类，或者编写您自己的css类。