Html fullpage.js引导中的填充问题

我有一个我已经实现了

fullpage.js

的网页，但问题是

左侧填充

和

右侧填充

会自动添加到

容器流体

中，如果我删除了它，左侧会有一些空白。仅当我在

容器流体中添加
行
时，此问题才会出现

html

<div class="container-fluid">
    <div id="fullpage">
        <div class="row section" id="home">HomePage</div>
        <div class="row section" id="products">Products</div>
        <div class="row section" id="pricing">Pricing</div>
        <div class="row section" id="contact">Contact</div>
    </div>
    <div id="footer">Footer</div>
</div>


主页
产品
定价
接触
页脚

PS：使用引导4
。容器
s意味着与引导中的
行
一起工作。他们有一个聪明的系统，包括边距和填充物，它们相互抵消，但在所有设备上都很好看

最简单的方法是将
.container fluid
放在
#fullpage内，而不是相反

作为替代，如果出于各种原因，您不想（或不能）更改标记，您可以将负边距从
.row
s转移到
#fullpage
：

#fullpage {
   margin-left: -15px;
   margin-right: -15px;
}
#fullpage>.row {
   margin-left: 0;
   margin-right: 0;
}

添加代码片段或实时链接。就是这样。谢谢你，巴德：）