title: Bootstrap - How can I move a row's div into another row?
body: <p>I'm learing bootstrap and I'm working with the Grid System since I'm working to a responsive website with lots of tables.</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-1"&gt;A&lt;/div&gt;
      &lt;div class="col-md-1"&gt;B&lt;/div&gt;
      &lt;div class="col-md-1"&gt;C&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row"&gt;
      &lt;div class="col-md-1"&gt;D&lt;/div&gt;
      &lt;div class="col-md-1"&gt;E&lt;/div&gt;
      &lt;div class="col-md-1"&gt;F&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I will start with this bootstrap "table". I want to move a div of the first row into the second row. Example: </p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-1"&gt;A&lt;/div&gt;
      &lt;div class="col-md-1"&gt;B&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row"&gt;
      &lt;div class="col-md-1"&gt;C&lt;/div&gt;
      &lt;div class="col-md-1"&gt;D&lt;/div&gt;
      &lt;div class="col-md-1"&gt;E&lt;/div&gt;
      &lt;div class="col-md-1"&gt;F&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>