Html 引导-是否可以根据列大小调整图像大小？

我正在使用引导创建一个图片库。在全屏上，它看起来不错

最小尺寸看起来不错

但在重新调整规模的同时，它做到了这一点

我希望第一个图像（树）与第二个图像（湖）一样宽，我尝试过调整宽度/最大宽度，但问题是当第二个图像准备与第一个图像对齐时，图像没有缩小

---

当图像为sm-#列时，是否可能使其具有一定的宽度，当图像设置为md-#列时，是否可能使其具有不同的宽度？

请考虑将两者都设置为div上的背景图像封面。这将允许您调整div的大小，同时保留图像的适当纵横比

.yourdiv1{
  background: url(images/yourimage.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.yourdiv2{
  background: url(images/yourotherimage.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

---

向我们展示您正在使用的代码。如果你不能在演示中包括图像，你能给我们尺寸吗？当然，这是相关代码：像这样？这似乎对我不起作用。为什么？如果需要帮助，请更具体一些。这使得第一个图像与第二个图像一样宽。谢谢你的想法。这可能会起作用，但实际上，div只显示图像的左上角，当我向下滚动页面时，它会在图像中滚动。当我重新调整窗口大小时，它会改变图像显示的大小，但图像本身不会重新调整大小。