title: Bootstrap's grid columns number per row
body: <p>Bootstrap comes with a 12 columns grid system that must be placed within rows. </p>
  
  <p>My question is, does the column number / row must be 12 (or less), or can I have a layout like the following</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-md-4"&gt;&lt;/div&gt;
    &lt;div class="col-md-4"&gt;&lt;/div&gt;
    &lt;div class="col-md-4"&gt;&lt;/div&gt;
    &lt;div class="col-md-4"&gt;&lt;/div&gt;
    &lt;div class="col-md-4"&gt;&lt;/div&gt;
    &lt;div class="col-md-4"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My understanding was that columns number within a row mustn't exceed 12, so based on my previous snippet, I would have made something like this </p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-md-4"&gt;&lt;/div&gt;
    &lt;div class="col-md-4"&gt;&lt;/div&gt;
    &lt;div class="col-md-4"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row"&gt;
    &lt;div class="col-md-4"&gt;&lt;/div&gt;
    &lt;div class="col-md-4"&gt;&lt;/div&gt;
    &lt;div class="col-md-4"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there anything I missed ? </p>