title: How can I make page header region full width in Drupal bootstar theme?
body: <p>I am using the Bootstrap 3 theme. How can I make the page-header full width.  Similar full-width region you can see on <a href="https://github.com/jedireza/drywall" rel="nofollow">this site</a>.</p>
  
  <p><strong>HTML code:</strong>
  starting from <code>&lt;header</code> in the following code</p>
  
  <pre><code>&lt;div class="main-container container"&gt;
    &lt;header role="banner" id="page-header"&gt;   
        &lt;div class="region region-header"&gt;
  </code></pre>
  
  <p><strong>Corresponding page.tpl.php</strong></p>
  
  <pre><code>&lt;div class="main-container &lt;?php print $container_class; ?&gt;"&gt;
  
    &lt;header role="banner" id="page-header" &gt;
      &lt;?php if (!empty($site_slogan)): ?&gt;
        &lt;p class="lead"&gt;&lt;?php print $site_slogan; ?&gt;&lt;/p&gt;
      &lt;?php endif; ?&gt;
  
      &lt;?php print render($page['header']); ?&gt;
    &lt;/header&gt; &lt;!-- /#page-header --&gt;
  </code></pre>
  
  <p><strong>theme.info file</strong></p>
  
  <pre><code>regions[navigation]     = 'Navigation'
  regions[header]         = 'Top Bar' //THIS is correspond to that region
  regions[highlighted]    = 'Highlighted'
  regions[help]           = 'Help'
  regions[content]        = 'Content'
  regions[sidebar_first]  = 'Primary'
  regions[sidebar_second] = 'Secondary'
  regions[footer]         = 'Footer'
  regions[page_top]       = 'Page top'
  regions[page_bottom]    = 'Page bottom'
  </code></pre>
  
  <p>I tried adding "container-fluid" class in the page.tpl.php file at this code  <code>&lt;header class="container-fluid" role="banner" id="page-header"&gt;</code> but it is not changing. </p>
  
  <p>The thing is I do not want entire main-content to be fluid, just that region. YOU CAN JUST SEE THE GitHub PAGE which I have linked above.</p>
  
  <p>Thanks. </p>