title: Css3 Multi-Column with column-count in Bootstrap
body: <p>I want to have a layout that work like the css3 multicolumn with column-count: 4 functionality in such that the layout is fluid. 
  My layout is as folowing:
  for small device:</p>
  
  <pre><code>control1
  control2
  control3
  control4
  </code></pre>
  
  <p>For bigger device: (look a the order)</p>
  
  <pre><code>control1  control3
  control2  control4
  </code></pre>
  
  <p>Then for extra big screen i could have</p>
  
  <pre><code>control1  control2  control3  control4
  </code></pre>
  
  <p>This keeps the order of the control so that if i want to use my existing keys (tab index) it works perfectly.</p>
  
  <p>Please look in explorer how this work with css3</p>
  
  <p><a href="http://jsfiddle.net/p38etxoq/9/#&amp;togetherjs=NrSEGyILNH" rel="nofollow">JS Fiddle</a>   </p>