title: Multiple and/or nested Bootstrap containers?
body: <p>My <em>understanding</em> is that all Bootstrap-styled elements must exist inside a <code>&lt;div class="container"&gt;</code> element. But sometimes I see Bootstrap examples where there are multiple "containers":</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;!-- Blah, GUI stuff, blah --&gt;
  &lt;/div&gt;
  
  ...
  
  &lt;div class="container"&gt;
      &lt;!-- Blah, more GUI stuff, blah --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My questions:</p>
  
  <ol>
  <li>When would you ever need a single HTML page with multiple "container divs"? What benefit does this offer as opposed to just putting the entire body inside one big "container div"?</li>
  <li>Would you ever want to nest "container divs" inside other ones? When/why?</li>
  </ol>