title: override bootstrap container width
body: <p>I have an easy HTML template using bootstrap 3. Template has following structure: static header, static footer and content which is in the bootstrap's class "Container". In the middle of content I have bootstrap'w "Well" and i want it make looks like header and footer. I mean I want it to be the full width of the screen on any screen. </p>
  
  <p>I created easy <a href="http://jsfiddle.net/jC7af/6/" rel="noreferrer">fiddle.</a></p>
  
  <p>Here's a question, is there any way to override container's width inside this container?</p>
  
  <pre><code>&lt;header&gt;
     &lt;div class="container"&gt;
        &lt;div class="content"&gt;
  
        &lt;/div&gt;
        &lt;div class="well"&gt;
  
        &lt;/div&gt;
        &lt;div class="content"&gt;
  
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;footer&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/lnPn7.jpg" alt="enter image description here"></p>