How to extend header background outside bootstrap .container?

Question

css

There is a page with a similar structure (haml):

%body
  .container
     %header

.container has a width smaller than the page width, what is the right way to stretch the BACKGROUND of %header to the full width of the page outside of .container?

Answer 1

%body
    %header
        .container

Everyone usually does this

Answer 2

Put what you want to stretch in another block and give it a width of 100%.

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