title: first column of a row to bottom side on mobile view boostrap 3
body: <p>I have two columns in a row.</p>
  
  <pre><code>    &lt;div class="row"&gt;
        &lt;div class="col-lg-2"&gt;
           I want this column in bottom side on mobile.
        &lt;/div&gt;
        &lt;div class="col-lg-8"&gt;
           I want this column in top side on mobile.
        &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>When I visualize this on my laptop, they are in left and right side respectively. When I watch the page on my mobile phone I see first column on top of the web page. </p>
  
  <p>I want to change the order, <strong>first column left</strong> side on <strong>laptop</strong> and <strong>bottom side</strong> on <strong>mobile phone</strong> <strong>instance of</strong> <strong>first column</strong> that is <strong>left side</strong> on <strong>laptop</strong> and <strong>top side</strong> on <strong>mobile phone</strong>. </p>
  
  <p>I want to keep the laptop aspect, only change mobile phone view.</p>