Как продлить фон header за пределы .container bootstrap?

Question

[AlexeyMoshkin]

Есть страница примерно такой структуры (haml):

%body
  .container
     %header

.container имеет ширину меньше ширины страницы, как правильно ФОН %header растянуть на всю ширину страницы за пределы .container?

Answer 1

[Георгий Еремеев]

%body
    %header
        .container

Обычно так все делают

Answer 2

[theWaR_13]

Положите то, что вы хотите растянуть, в ещё один блок и задайте ему ширину 100%.

%body
   .container width=100%
     .container
       %header

Comments

[Георгий Еремеев]

И ничего не изменится...

[theWaR_13]

Георгий Еремеев: почему же? Я делал так в своих проектах и все отлично получается. Внешний контейнер растягивается на 100% экрана, а внутренний растягивается на фиксированную ширину.

[Георгий Еремеев]

theWaR_13: в приведенном тобой коде ты мог просто использовать div, а не переопределять стили через атрибуты.

[theWaR_13]

Георгий Еремеев: codepen.io/anon/pen/LGoKrx Я имею ввиду вот такое решение. Соответственно, в inner надо поставить красный фон и получится, что весь контент центрирован, при этом сам фон растягивается на весь экран.

[Георгий Еремеев]

theWaR_13: приблизительно так и нужно было ответить на задачу.