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

我一直在创建一个类似的图像设置，就像这里：使用CSS网格，我经常遇到一个问题-水平滚动。我对导航栏使用引导。它看起来像附件中的图像。有人知道为什么会这样吗？我尝试了很多不同的CSS网格组合，但都没有成功。图像：

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

我有一个非常简单的解决方案

.row{
  width: 100%;
 }

---

它只适用于引导…您可以试试这个。

您能提供一个简单的代码示例来演示这个问题吗？或者，您可以通过使用inspector检查每个div的维度来调试html。寻找边距、边框。。