Bootstrap 容器流体在页面边缘添加边距

Question

我希望使我的网站具有移动响应性，我注意到在移动视图中我的网站上有轻微的水平溢出，我一直在尝试将其删除。 我通过将类 container-fluid 添加到 app.js

中顶层的主 div 来做到这一点

 <div className="container-fluid">
        <BrowserRouter>
          
            <NewNav />
    //All of the rest of the routes 
</div>

这解决了水平滚动问题，但它也在页面边缘添加了我无法摆脱的边距。
这是我想要的页面 这是添加了 container-fluid 的页面 侧面的边距在移动设备上尤其明显。这是一个包含大量 css 的大型项目，但是我自己找不到任何会导致这种情况的东西。 这是我的完整项目的链接 github 提前感谢您的帮助。