在bootstrap 4中修复一列包含响应式图像的列，同时修复另一列

包含文字内容。

要修复一个包含响应式图像和文字内容的列，在Bootstrap 4中，我们可以使用以下步骤：

首先，在HTML代码中创建一个包含两个列的行，一个用于图像，另一个用于文字内容。可以使用以下代码示例：

<div class="row">
  <div class="col-md-6">
    <img src="path_to_image" class="img-fluid" alt="Responsive Image">
  </div>
  <div class="col-md-6">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus eu urna at iaculis. Sed lobortis, ante quis pharetra scelerisque, lectus arcu congue sapien, sed sollicitudin velit nisi in dolor.</p>
  </div>
</div>

接下来，为了在小屏幕设备上进行适应，我们可以使用Bootstrap的响应式类。在这种情况下，我们可以使用col-12类，它将使两个列在小屏幕上堆叠。在中等和大屏幕上，我们使用col-md-6类来让它们并排显示。修改后的代码如下：

<div class="row">
  <div class="col-12 col-md-6">
    <img src="path_to_image" class="img-fluid" alt="Responsive Image">
  </div>
  <div class="col-12 col-md-6">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus eu urna at iaculis. Sed lobortis, ante quis pharetra scelerisque, lectus arcu congue sapien, sed sollicitudin velit nisi in dolor.</p>
  </div>
</div>

最后，为了使图像在不同屏幕大小下具有响应性，我们使用img-fluid类。这将使图像在其父容器内自适应并保持比例。更新后的代码如下：

<div class="row">
  <div class="col-12 col-md-6">
    <img src="path_to_image" class="img-fluid" alt="Responsive Image">
  </div>
  <div class="col-12 col-md-6">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam maximus eu urna at iaculis. Sed lobortis, ante quis pharetra scelerisque, lectus arcu congue sapien, sed sollicitudin velit nisi in dolor.</p>
  </div>
</div>

这样就完成了修复一列包含响应式图像和文字内容的列的过程。请注意，以上代码仅示例，并且可能需要根据您的实际情况进行调整。

对于这个问题，腾讯云没有特定的产品或链接与之直接相关。然而，腾讯云提供了一整套云计算服务，包括云服务器、对象存储、数据库等，您可以在腾讯云官方网站上找到更多信息。