title: What is best way to implement Bootstrap col-md-12 inside row?
body: <p>Let's say I have to nest three bootstrap col classes and the last one will be col-md-12 so it goes 100%. My question is, Is that ok to nest col-md-12 in one row like first example or do I need to create another row for col-md-12 ?</p>
  
  <p><strong>Eg 1</strong></p>
  
  <pre><code>&lt;div class="row"&gt;
   &lt;div class="col-md-6"&gt;
    1
   &lt;/div&gt;
  &lt;div class="col-md-6"&gt;
    2
   &lt;/div&gt;
  &lt;div class="col-md-12"&gt;
    3
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>or</p>
  
  <p><strong>Eg 2</strong></p>
  
  <pre><code>&lt;div class="row"&gt;
   &lt;div class="col-md-6"&gt;
    1
   &lt;/div&gt;
   &lt;div class="col-md-6"&gt;
    2
   &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="row"&gt;
   &lt;div class="col-md-12"&gt;
    3
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>