html - Bootstrap 4 Carousel响应式设计

我使用引导程序4构建了一个页面。我添加了一个包含4个项目的轮播。
您可以在这里看到它：Landing-Page with Bootstrap 4

这就是问题所在：加载完成后，边缘会留出一些空间。我会说，您可以滚动到右侧，并且还有更多空间不应该。

我尝试解决的问题：


卸下滑动按钮
使用其他类型的轮播
更改图片/调整尺寸
注释掉了其他元素，例如div和navs，但轮播除外
尝试了其他浏览器（firefox，chrome，safari）


我希望这不是一个错误。

谢谢你的帮助

最佳答案

由于任何行的边距都没有出现问题（如您接受的答案中所建议），而是因为某些行未嵌套在containers内。

参见文档grid system bs4

<div class="container">
  <div class="row">
    <div class="col-sm">
      One of three columns
    </div>
    <div class="col-sm">
      One of three columns
    </div>
    <div class="col-sm">
      One of three columns
    </div>
  </div>
</div>

而且在这里bs4 containers明确指出Containers are the most basic layout element in Bootstrap and are required when using our default grid system.

简而言之，containers的填充物抵消了rows的负边距，进而​​抵消了columns的填充物

解

您拥有的任何顶级row，都应将其包装在container中，在这种情况下，您应使用container-fluid

关于html - Bootstrap 4 Carousel响应式设计，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50799203/