Css 引导中col-*-*的全尺寸背景图像

我已经发现了一些关于这个话题的问题，但没有一个能真正帮助我解决问题

我喜欢构建一个简单的引导网格，如下所示：

<div class="container-fluid"> 
  <div class="row">
    <div class="col-sm-8"> Some Text </div>
    <div class="col-sm-4">
      <img src="..." alt="Full Size Background Image" />
    </div>
  </div>
  <div class="row">
    <div class="col-sm-4">
      <img src="..." alt="Full Size Background Image" />
    </div>
    <div class="col-sm-8"> Some Text </div>
  </div>
</div>

一些文本
一些文本

col-sm-4-div应包含与文本高度相同且无填充的全尺寸背景图像

这是一张我的意思的照片。我希望背景图像覆盖红色区域：

有什么办法吗

---

非常感谢你的帮助

使用css在列上设置背景图像

 <div class="row">
    <div class="col-sm-4" style="background-image:url('.....')">
      content......
     </div>

内容。。。。。。

第一个选项，您可以在

img

标签中设置

最小宽度：100%

：

img {
    min-width: 100%;
}

或第二个选项，您可以将图像设置为背景，并将其设置在所需的div中：

<div class="col-sm-4 full-img">

---

谢谢你的快速回复。不幸的是，这张图片并没有覆盖整个专栏，我仍然在所有方面都有一个填充。我在我的主要帖子上贴了一张我的意思的照片。谢谢你的快速回复。不幸的是，这张图片并没有覆盖整个专栏，我仍然在所有方面都有一个填充。我在我的主要帖子上贴了一张我的意思的照片。试着在图片上设置一个负边距。。。类似于：style=“左边距：-15px；”

.full-img {
    background-image: url("....");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}