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

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

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

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

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

Ответ 1

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

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

CSS

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

Ответ 2

Bootstrap default " контекстные фоны" вспомогательные классы для изменения цвета фона:

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

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

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

Ответ 3

Просто добавьте div вокруг container, чтобы он выглядел так:

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