Как сделать чёрный фон на всю ширину экрана за контейнером в Bootstrap 3.2?

Question

[Илья]

Имеется контейнер с вложенной строкой и делением на колонки.

Задаю контейнеру в стиле чёрный цвет. Чернеет только сетка, а хотелось чтобы за контейнером был чёрный фон на всю ширину экрана. И это не nav панель и не футер. Полоса посредине экрана должна быть.

Как?

<div class="container" style="background-color: black">
            <div class="row">
                <div class="col-md-6">
                    Какой-то текст
                </div>
                <div class="col-md-6">
                    Какая-то картинка
                </div>
            </div>
        </div>

Answer 1

[gassmonkey]

Очевидно, обернуть container в ещё один блок, и задать цвет фона ему.

<div class="wrap">
      <div class="container"></div>
</div>

.wrap{
  background: black;
}

codepen.io/anon/pen/xZPwKz

Comments

[Илья]

Не выходит. Контейнер так и остаётся чёрным, а по краям обрезается фоном цвета body. Мне нужно чтобы и контейнер остался чёрным и фон чёрный на всю ширину экрана за контейнером.

[gassmonkey]

Илья: Ну как же не выходит?
codepen.io/anon/pen/xZPwKz

[Илья]

Подключите bootstrap

[gassmonkey]

Илья: Это не может ничего изменить по определению. Но исключительно ради того, чтоб вас в этом убедить, подключил.

[Илья]

Всё заработало, Спасибо. Оказывается засунул контейнер в контейнер. Два часа тупняка. ))

[gassmonkey]

Илья: Бывает)