title: Bootstrap fluid container after non-fluid container
body: <p>I want to have the lower part of a webpage to be full width (in a <code>container-fluid</code> div), as opposed to the top part of the page, which is in a conventional <code>class="container"</code> div.</p>
  
  <p>However, with the following html, my lower div is not full-width:</p>
  
  <pre><code>&lt;div class="container"&gt;
  Restricted width
  &lt;/div&gt;
  
  &lt;div class="container-fluid"&gt;
  Full-width
  &lt;/div&gt;
  </code></pre>
  
  <p>If I make the top div fluid too, both become fluid. But why can't I have a fluid container below a non-fluid container?</p>