Html CSS框没有正确对齐

我正在设计一个web应用程序，我的Css面板一直在到处跳跃。面板上有一个高宽比为4:3的图像和一个描述部分。它有时工作得很好，有时当我把新产品加入目录时，它会跳起来。我不能设置一个固定的高度，因为我需要它能够响应，而且我太懒了，无法为每个视口编写媒体查询。 我正在使用Bootstrap4。有没有什么有见解的大师？我的网站位于午餐魔术公司。您可以检查页面以查看我的代码。

---

谢谢

将

最小高度

应用于每个框，之后，您的框将正确显示。

将

最小高度

应用于每个框，之后，您的框将正确显示。

为所有解决问题的框设置固定高度或最小高度

.box {
  height:xxx; /*your height*/
}

---

为解决您的问题的所有工具设定固定高度或最小高度

.box {
  height:xxx; /*your height*/
}

---

这意味着你需要向USCA展示代码，你可以分享一把小提琴吗？我们永远不会检查网站。在此处共享您的相关代码将您的每一行与类别“row”绑定，这意味着您需要向USCA显示代码。您可以共享该代码吗？我们永远不会检查网站。在这里分享你的相关代码将你的每一行绑定到类“row”，这是一个相当丑陋的解决方法。有更好更干净的方法来解决这个问题。这种方法在我的桌面上运行得很好。但是，移动视口的空间太大。所以我写了媒体查询，它很优雅！这是一个相当丑陋的解决办法。有更好更干净的方法来解决这个问题。这种方法在我的桌面上运行得很好。但是，移动视口的空间太大。所以我写了媒体查询，它很优雅！实际上最小高度更好，因为它允许容器增长实际上最小高度更好，因为它允许容器增长