用bootstrap排列三个图片加文字

可以使用 Bootstrap 的 Grid System 来排列三个图片和文字，以下是一个简单的示例代码：

<div class="container">
  <div class="row">
    <div class="col-md-4">
      <img src="image1.jpg" class="img-fluid" alt="Image 1">
      <h3>Image 1 Title</h3>
      <p>Image 1 Description</p>
    </div>
    <div class="col-md-4">
      <img src="image2.jpg" class="img-fluid" alt="Image 2">
      <h3>Image 2 Title</h3>
      <p>Image 2 Description</p>
    </div>
    <div class="col-md-4">
      <img src="image3.jpg" class="img-fluid" alt="Image 3">
      <h3>Image 3 Title</h3>
      <p>Image 3 Description</p>
    </div>
  </div>
</div>

在这个例子中，三个图片和文字被包含在一个 `.container` 容器中，并且使用 `.row` 和 `.col-md-4` 类来排列。`.col-md-4` 表示每个列的宽度为 4 个单位，总共有 12 个单位，因此三个列会在同一行中平均分配宽度。`.img-fluid` 类使图片具有响应式大小，可以根据屏幕大小自动调整。标题和描述可以使用 `<h3>` 和 `<p>` 标签来实现。