Bootstrap Header Section : container-fuild

Hi I am using Bootstrap 3 theme. By default,everything is under ".container" class. There is an option in the theme to either make the entire site "container-fuild" Well I don't want everything to be container-fuild i just want certain section's background color to be an edge to edge.

In the header section i want the background color to be container-fluid. And Header content in the .container class.

http://www.mazharkhan.com/demo/

This is the header section code from page.html.twig file.

   <header{{ navbar_attributes.addClass(navbar_classes) }} id="navbar" role="banner">
      {% if not navbar_attributes.hasClass(container) %}
        <div class="{{ container }}">
      {% endif %}
      <div class="navbar-header">
        {{ page.navigation }}
        {# .btn-navbar is used as the toggle for collapsed navbar content #}
        {% if page.navigation_collapsible %}
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
            <span class="sr-only">{{ 'Toggle navigation'|t }}</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        {% endif %}
      </div>

      {# Navigation (collapsible) #}
      {% if page.navigation_collapsible %}
        <div id="navbar-collapse" class="navbar-collapse collapse">
          {{ page.navigation_collapsible }}
        </div>
      {% endif %}
      {% if not navbar_attributes.hasClass(container) %}
        </div>
      {% endif %}
    </header>

Please help me to make the header section .contaienr-fluid class.

Thank You,