title: HTML (bootstrap) container and rows
body: <p>I just want to be sure about some basic HTML structuring.</p>
  
  <p>Most HTML page body layouts start with a <code>&lt;div class="container"&gt;</code> which of course contains all the HTML in with boostrap v4 it contains rows and columns. </p>
  
  <p>All nice and easy there.</p>
  
  <p>My question is, am I "correct" or not to place columns and rows within separate containers? </p>
  
  <p>This is what I mean:</p>
  
  <pre><code>&lt;body&gt;
  
  &lt;div class="container"&gt;
   &lt;div class="row"&gt;
    &lt;div class="col-md-12"&gt;
      Some Content
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="container"&gt;
   &lt;div class="row"&gt;
    &lt;div class="col-md-12"&gt;
      Some Content
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="container"&gt;
   &lt;div class="row"&gt;
    &lt;div class="col-md-12"&gt;
      Some Content
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;&lt;!-- end body --&gt;
  </code></pre>
  
  <p>I think the answer to my question is that "it is ok" because for example what happens if you want a full-page width div container then you'd use a separate container for those elements.</p>
  
  <p>I just want to be sure, thanks!</p>