Css 如何使用引导网格在整个页面宽度上插入背景图像?

Css 如何使用引导网格在整个页面宽度上插入背景图像?,css,bootstrap-4,Css,Bootstrap 4,我正在使用引导网格,现在我想插入一个背景图像。然而,它并没有跨越页面的整个宽度,它只是停留在行中定义的列的边界内 现在: 正如我所希望的那样: 同侧眼睑 同侧眼睑 将容器div包装在容器流体div中,并对其应用背景 .集装箱{ 边框:1px纯红; } .背景图像{ 背景:黄色; } 同侧眼睑 同侧眼睑 <div class="background-image"> <div class="row"> <div class="column

我正在使用引导网格,现在我想插入一个背景图像。然而,它并没有跨越页面的整个宽度,它只是停留在行中定义的列的边界内

现在:

正如我所希望的那样:

同侧眼睑

同侧眼睑

将容器div包装在容器流体div中,并对其应用背景

.集装箱{ 边框:1px纯红; } .背景图像{ 背景:黄色; } 同侧眼睑

同侧眼睑

<div class="background-image">
    <div class="row">
        <div class="column">
            <p>Lorem ipsum</p>
        </div>
        <div class="column">
            <p>Lorem ipsum</p>
        </div>
    </div>
</div>