Html 引导图像背景以覆盖容器内的全部宽度

从昨天开始，我一直试图得到这样的效果：图像在左外，文本div仍然在容器网格中。我不能使用container fluid，因为text div得到流体，我不希望它覆盖右侧的全部宽度。有什么建议吗

---

代码：

如果您的图像被裁剪，您可以使用

.left:before{background-size: cover;}

---

但请确保您使用的是正确的图像，以使其看起来不会压缩

图像在使用时未完全显示。左：在{background size:contain；}之前或左：在{background size:cover；}之前在CSS中，它可以解决您的问题

使用

m-0

到

容器

意味着边距为0px
引导4间距：

。左{
z指数：0；
颜色：#fff；
}
.左：以前{
背景图像：url（“https://images.unsplash.com/photo-1480365150985-65998f933ef6?dpr=1&auto=compress，format&fit=crop&w=1199&h=700&q=80&cs=tinysrgb&crop=“”）；
背景重复：无重复；
内容：''；
显示：块；
位置：绝对位置；
z指数：-1；
宽度：100%；
顶部：-15px；
左：-15px；
底部：-15px；
}

标题部分
对于所有的错误，我们都要清楚地认识到这一点，因为我们必须清楚地认识到，所有人都应该受到赞扬、尊重和尊重，因为他们都是发明家和准建筑师。Nemo enim ipsam voluptatem quia
这是一个非常好的解释，因为它是一个非常好的解释。内克·波罗·奎斯夸姆东部

您可以使用

容器流体

，然后手动设置右侧列的样式，使其仅占非流体容器宽度的一半

这是一个有效的演示：

.左{
z指数：0；
颜色：#fff；
}
.左：以前{
背景图像：url（“https://images.unsplash.com/photo-1480365150985-65998f933ef6?dpr=1&auto=compress，format&fit=crop&w=1199&h=700&q=80&cs=tinysrgb&crop=“”）；
背景重复：无重复；
内容：''；
显示：块；
位置：绝对位置；
z指数：-1；
宽度：100%；
顶部：-15px；
左：-15px；
底部：-15px；
}
/*
$grid断点：(
xs:0,，
sm:576px，
md:768px，
lg:992px，
xl:1200px
);
$container最大宽度：(
sm:540px，
md:720px，
lg:960px，
xl:1140px
);
*/
@介质（最小宽度：576px）{
.col不是液体{
弹性基准：270px；
最大宽度：270px；
}
}
@介质（最小宽度：768px）{
.col不是液体{
弹性基准：360px；
最大宽度：360px；
}
}
@介质（最小宽度：992px）{
.col不是液体{
弹性基准：480px；
最大宽度：480px；
}
}
@介质（最小宽度：1200px）{
.col不是液体{
弹性基础：570px；
最大宽度：570px；
}
}
标题部分
对于所有的错误，我们都要清楚地认识到这一点，因为我们必须清楚地认识到，所有人都应该受到赞扬、尊重和尊重，因为他们都是发明家和准建筑师。Nemo enim ipsam voluptatem quia
这是一个非常好的解释，因为它是一个非常好的解释。内克·波罗·奎斯夸姆东部

图像是否被裁剪？这是你的问题吗？我同意，但这不是问题所在。我不希望图像在容器上被切断，但直到屏幕结束。您可以将背景图像用于父类和内容div使用类向右拖动来显示图像的右侧谢谢，但这不是问题所在。我不希望图像在容器上被切断，但直到屏幕结束。如果你想要完整的图像背景，你可以对主分区应用col-sm-12。不完全是这样，我正在尝试这样做：然后有一个简单的方法，应用流体分区而不是容器，并使用正确的填充：12%；对于您的右文本div，结果将看起来像您的图像告诉我您的意思这是否真的很好，但是当我这样做时，整个容器从0开始，使用txt div，它有一个很大的右边距，与前面的部分不在一行。您可以在这里看到它：因此使用

ml-1

而不是

m-0

这意味着只有左侧的ml-1与m-0的工作原理相同，所有共容器都从0开始。我需要img在中心站点启动0，txt dvi在基本容器col-6中正常启动。它对您有帮助吗？