Как отформатировать цвет фона с помощью twitter bootstrap?

Question

Я играю со стилями на сайте здесь: http://www.grabapper.com

Я пытаюсь включить цвет фона #2ba6cb на устройстве героя. Когда я включаю:

<div class="row" style ='background-color: #2ba6cb;'> 

Цвет не доходит до края страницы. Как получить цвет фона для перехода на край страницы?

Answer 1

Переместите строку перед тем <div class="container marketing"> и обернуть его в новый контейнер, потому что текущая ширина контейнера составляет 1170px (не 100%):

<div class='hero'> 
    <div class="row"> 
    ... 
    </div> 
</div> 

CSS:

.hero { 
    background-color: #2ba6cb; 
    padding: 0 90px; 
} 

Answer 2

Просто добавьте DIV вокруг container так это выглядит:

<div style="background: red;"> 
    <div class="container marketing"> 
    <h2 style="padding-top: 60px;"></h2> 
    </div> 
</div> 

Answer 3

Bootstrap по умолчанию "contextual backgrounds "вспомогательные классы, чтобы изменить цвет фона:

.bg-primary 
.bg-default 
.bg-info 
.bg-warning 
.bg-danger 

Если вам нужно установить собственный цвет фона, то вы можете написать свои собственные классы в style.css (пользовательский CSS-файл) пример ниже

.bg-pink 
{ 
    background-color: #CE6F9E; 
}