CSS网格中不需要的水平滚动

Question

我一直在努力创建类似的图像设置：https://readcereal.com/category/travel/使用CSS网格，我不断遇到一个问题 - 水平滚动。我使用Bootstrap作为导航栏。它看起来像附图中。有人会知道为什么会这样吗？我尝试了很多不同的CSS网格组合，它从未奏效。图片：https://i.stack.imgur.com/7UwjN.png

Answer 1

也许您应该将图像包装在图像容器中，然后将容器设置为max-width：900px或取决于您想要的最大宽度。

Answer 2

对于这个问题，我有一个非常简单的解决方案

.row{
  width: 100%;
 }

它仅适用于引导程序...您可以尝试这一步。