我正在Bootstrap 4中创建一个网站，但在创建一个部分时，我发现右侧出现了令人讨厌的空白，这会导致不必要的水平滚动。
和探长玩了很长时间，但不知道问题出在哪里。
此处包含相关部分的完整代码：https://jsfiddle.net/dusset/aq9Laaew/284067/
<div class="row text-center text-light">
<div id="section-one" class="col mx-auto p-3 mb-5" style="max-width:720px;">
<h3 class="section-name text-white-50" data-aos="fade-in" data-aos-duration="250" data-aos-delay="250" data-aos-anchor="#section-one">O produkte</h3>
<h2 data-aos="zoom-in" data-aos-duration="500" data-aos-anchor="#section-one">Preskúmajte nepreskúmané</h2>
<p class="font-weight-bold mt-5 larger" data-aos="zoom-in" data-aos-duration="500" data-aos-anchor="#section-one">Birthday Capsule je najoriginálnejší a najosobnejší narodeninový darček, aký môžte dať osobe, na ktorej Vám záleží.</p>
<p class="larger" data-aos="zoom-in" data-aos-duration="500" data-aos-anchor="#section-one">Či je to babka, kamarátka alebo priateľ, život každého z nás má i nepreskúmanú stránku. Teda, donedávna nepreskúmanú…</p>
<p class="larger" data-aos="zoom-in" data-aos-duration="500" data-aos-anchor="#section-one">Aký vek by mal na Marse? Koľkokrát sa už nadýchla? Čo iné je na dátume jeho narodenia výnimočné? To, i omnoho viac sme preskúmali, a dali do knižky, aby ste to mohli podarovať.</p>
</div>
</div>
非常感谢您对移除它的任何帮助！
您的.row类有margin-left: -15px和margin-right: -15px。这就是你问题的原因。
把这个添加到你的CSS中，它就被修复了：
.row {
margin:0px;
}
这是一个更新的JSFiddle
如果您不想覆盖所有行类，请在下面的行中添加一个id，并为其单独添加一个CSS样式。
<div id="something" class="row text-center text-light">
...
</div>
和CSS：
#something {
margin:0px;
}
将"no gutters"类与有问题的"row"一起使用。请参阅：https://getbootstrap.com/docs/4.0/layout/grid/#no-排水沟
检查外部css文件。可能存在超出边缘的重叠内容。