Bootstrap 4-在屏幕上以80%的屏幕高度连续显示3个图像

<div class="container">
  <div class="row">
    <div class="col-md-4">
      <!-- 第一个图像 -->
    </div>
    <div class="col-md-4">
      <!-- 第二个图像 -->
    </div>
    <div class="col-md-4">
      <!-- 第三个图像 -->
    </div>
  </div>
</div>

<style>
  .image-container {
    height: 80vh;
  }
</style>

<div class="container">
  <div class="row">
    <div class="col-md-4 image-container">
      <!-- 第一个图像 -->
    </div>
    <div class="col-md-4 image-container">
      <!-- 第二个图像 -->
    </div>
    <div class="col-md-4 image-container">
      <!-- 第三个图像 -->
    </div>
  </div>
</div>

<div class="container">
  <div class="row">
    <div class="col-md-4 image-container">
      <img src="image1.jpg" alt="图像1">
    </div>
    <div class="col-md-4 image-container">
      <img src="image2.jpg" alt="图像2">
    </div>
    <div class="col-md-4 image-container">
      <img src="image3.jpg" alt="图像3">
    </div>
  </div>
</div>