如何使用img-fluid，设置自定义高度而不使图像变形？

要使用img-fluid类设置自定义高度而不使图像变形，可以通过以下步骤实现：

1. 首先，确保你已经引入了Bootstrap框架，因为img-fluid是Bootstrap提供的一个类。
2. 在HTML中，找到你想要设置自定义高度的图像元素，并为其添加img-fluid类。例如：

<img src="your-image.jpg" class="img-fluid" alt="Your Image">

1. 然后，为了设置自定义高度，可以使用内联样式或者CSS样式表来指定图像的高度。这里提供两种方法：
2. a. 使用内联样式：在img标签中添加style属性，并设置height属性为你想要的高度值。例如：
3. a. 使用内联样式：在img标签中添加style属性，并设置height属性为你想要的高度值。例如：
4. b. 使用CSS样式表：在你的CSS文件中或者style标签中添加一个类，并设置该类的height属性为你想要的高度值。然后将该类应用到img标签上。例如：
5. b. 使用CSS样式表：在你的CSS文件中或者style标签中添加一个类，并设置该类的height属性为你想要的高度值。然后将该类应用到img标签上。例如：

通过以上步骤，你可以使用img-fluid类设置自定义高度而不使图像变形。请注意，img-fluid类会使图像在不同屏幕尺寸下自动适应，并保持其宽高比例，以确保图像在不同设备上都能正常显示。