title: Bootstrap with different order on mobile version
body: <p>I have 2 column and nested row in right column, how can i make  bootstrap  responsive like below, </p>
  
  <p>layout :</p>
  
  <pre><code>desktop version
  --------- ------
  |   2   ||  1  |
  |       ||     |
  |       |-------
  |       ||  3  |
  |       ||     |
  |       |-------
  |       |
  |       |
  ---------
  
  mobile version (stacked in order)
  --------
  |  1   |
  |      |
  --------
  |  2   |
  |      |
  |      |
  |      |
  |      |
  |      |
  --------
  |  3   |
  |      |
  --------
  </code></pre>
  
  <p>this is my code :</p>
  
  <pre><code>&lt;div class="row"&gt;
     &lt;div class="col-lg-4"&gt;
       &lt;div class="row"&gt;
           &lt;div class="col-lg-12"&gt;1
       &lt;/div&gt;
        &lt;div class="row"&gt;
           &lt;div class="col-lg-12"&gt;3
       &lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="col-lg-8 order-lg-first"&gt;2
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>With this code the order in mobile version 1 3 2, what I want is 1 2 3.</p>