title: Bootstrap Form Layout (Desktop vs Mobile Inputs Order)
body: <p>I have a form that on desktop is displayed in 4 columns. (Bootstrap CSS). I have problem with displaying  it on the mobile with the right order. Take a look at numbered order of inputs grouped by divs (differnet colors on the screenshot). How do I achive the order as on attached screenshot (Moble View)?</p>
  
  <p><a href="https://i.stack.imgur.com/LE2sD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LE2sD.png" alt="enter image description here"></a></p>
  
  <p>My Basic Bootsrap:</p>
  
  <pre><code> &lt;div class="col-md-3"&gt;
  1
  2
  3
   &lt;/div&gt;
   &lt;div class="col-md-6"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-6"&gt;
  4
  5
          &lt;/div&gt;
          &lt;div class="col-md-6"&gt;
  6
  7
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-6"&gt;
  10
          &lt;/div&gt;
          &lt;div class="col-md-6"&gt;
  11
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="col-md-3"&gt;
  8
  9
  12
  &lt;/div&gt;
  </code></pre>