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

Question

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

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

Answer 1

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

body {
    background-color: tomato;
}

.container {
    background-color: white;
}

此外，要移除容器顶部和底部的彩色线条，请移除padding的{​​{1}}并将其应用于body：

.container

Answer 2

这应该有用......

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