在主容器外设置页面的背景颜色

Question

我正在使用Narrow Jumbotron Bootstrap示例，您将如何设置页面周围内容的背景颜色，将主要内容保持在中心白色。 更改正文背景颜色会将所有内容更改为该颜色，包括导航栏。

基本上我只想改变双方的颜色，而不是中间的内容。

Answer 1

设置body的background-color和.container div：

body {
    background-color: tomato;
}

.container {
    background-color: white;
}

此外，要删除容器顶部和底部的彩色线条，请移除body的padding并将其应用于.container ：

body {
    padding: 0;
}

.container {
    padding-top: 20px;
    padding-bottom: 20px;
}

Answer 2

这应该工作......

body, html {
    background-color: black !important;
}