如何创建3div与肖像图像在一行响应bootstrap

要创建3个div与肖像图像在一行响应Bootstrap，可以按照以下步骤进行：

首先，确保你已经引入了Bootstrap的CSS和JavaScript文件，可以通过以下链接获取：
- CSS文件：https://cdn.bootcss.com/bootstrap/4.5.0/css/bootstrap.min.css
- JavaScript文件：https://cdn.bootcss.com/bootstrap/4.5.0/js/bootstrap.min.js

在HTML文件中，创建一个包含3个div和肖像图像的容器。可以使用Bootstrap的网格系统来实现响应式布局。示例代码如下：

<div class="container">
  <div class="row">
    <div class="col-sm-4">
      <div class="card">
        <img src="path_to_image" class="card-img-top" alt="Image 1">
        <div class="card-body">
          <h5 class="card-title">Card 1</h5>
          <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="card">
        <img src="path_to_image" class="card-img-top" alt="Image 2">
        <div class="card-body">
          <h5 class="card-title">Card 2</h5>
          <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="card">
        <img src="path_to_image" class="card-img-top" alt="Image 3">
        <div class="card-body">
          <h5 class="card-title">Card 3</h5>
          <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
      </div>
    </div>
  </div>
</div>

在上述代码中，每个div都使用了col-sm-4类，这表示在小屏幕设备上每个div占据父容器的1/3宽度。你可以根据需要调整这个值，例如使用col-sm-6表示每个div占据父容器的1/2宽度。
将path_to_image替换为你的肖像图像的路径。确保图像路径是正确的。
可以根据需要自定义每个div的内容，例如使用Bootstrap的卡片组件（card）来展示图像和相关信息。

这样，你就可以创建一个包含3个div与肖像图像在一行的响应式布局了。记得根据实际需求调整代码和样式。