Html CSS引导容器背景

我正在使用bootstrap，我想知道什么是给我的容器提供背景的干净方法

我使用的是引导类

容器

，而不是

容器流体

。Bootstrap文档明确指出我不应该嵌套容器，那么实现这个目标的替代方案是什么呢？如果我将背景设置为我的

容器

左右边距仍然为白色，我也希望为该空间着色，但我还希望我的内容按照

容器

的对齐方式对齐，而不是按照

容器流体

的对齐方式对齐。有什么建议吗？我目前的解决方案是将一个

容器

嵌套在

容器流体

中，并从第一个容器中移除填充物，但我想做一个更好的解决方案，它不会违反引导文档

提前谢谢

编辑

这里是我的例子

<div class="container-fluid my-class">
    <div class="container">
        Some rows and columns here
    </div>
</div>

---

但是，正如我所说，这是一种不好的方法。

如果要设置整个页面的背景，请将其设置为

body

---

如果要将其设置为页面的某个部分，则将该部分包装在适当的元素中（例如

div

或

section

），添加一个类，id或其他方法，以选择器作为目标…但不是使用Bootstrap提供的类的选择器。

Bootstrap文档明确指出，我不应该将容器嵌套在其他容器下

，所以只需将容器div嵌套在新的类div下即可，

容器bg

并将背景图像添加到该div，如下所示：

HTML:

<div class="container-bg">
    <div class="container">
        <!-- your content -->
    </div>
</div>

.container-bg {
    background: xxx;
}

---

适用于Boostrap V4.0及更高版本

如果您想使用背景颜色作为背景，可以将其用作背景，如下面的示例所示

<div class="container bg-dark">
    <!-- your content -->
</div>

向代码显示您迄今为止所做的工作。你实现了多少。我更新了我的问题以显示我的结构HMMM，确实很简单，现在我在问自己为什么我要花这么多时间用引导类来实现它。小错误：您在css中对类进行了不同的命名

<div class="container bg-dark">
    <!-- your content -->
</div>