调整图像以适合bootstrap4中的行高

Question

我有3张图片，我想要填入列（col-4）。其中2幅图片尺寸为2048x1362。第三个维度是1362x2048。我正在使用img-fluid类来将图像拟合到列的宽度。所有列的宽度相同，但行的高度为2048（因为第3个图像的尺寸）。我可以使用bootstrap将行高更改为1362，还是需要更改第3张图像的尺寸？

Answer 1

你不能用Bootstrap应用那么精确的高度。因此，您需要更改图像尺寸。或者，如果您想要应用精确的高度，则需要使用自定义CSS：

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

或

应用此CSS：

#customRow{
  height: 1362px;
}

请记住，这种方式不响应，因此不推荐用于大多数用例。