调整图像以适应引导程序 4 中的行高

Question

我有 3 张图片要放入列中（col-4）。其中 2 张图像的尺寸为 2048x1362。第三个维度是 1362x2048。我正在使用 img-fluid 类使图像适合列的宽度。所有列的宽度相同，但行高为 2048（由于第三张图像的尺寸）。我可以使用引导程序将行高更改为 1362，还是需要更改第三张图片的尺寸？

Answer 1

你不能用 Bootstrap 应用那个精确的高度。所以你需要改变你的图像尺寸。或者，如果您想应用精确的高度，您需要使用自定义 CSS：

将style="height: 1362px;" 应用于该行

或

应用此 CSS：

#customRow{
  height: 1362px;
}

请记住，这种方式不是响应式的，因此不建议用于大多数用例。