Установить фоновый цвет страницы за пределами основного контейнера

Question

Я использую пример Narrow Jumbotron Bootstrap, как бы вы установили цвет фона содержимого, окружающего страницу, сохраняя основное содержимое в центре белого. Изменение фона фона тела изменяет все на тот цвет, включая навигационную панель.

В принципе, я просто хочу изменить цвет двух сторон, а не контент посередине.

Answer 1

Установите background-color в body и .container ДИВ:

body { 
    background-color: tomato; 
} 

.container { 
    background-color: white; 
} 

Кроме того, чтобы удалить цветные линии в верхней и нижней части контейнера, удалите padding из body и применять те к .container :

body { 
    padding: 0; 
} 

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