title: Twitter Bootstrap - checkbox columns / columns within form
body: <p>I have a form field which has a number of checkboxes - how can I display the checkboxes as 3 columns instead of 1?</p>
  
  <p>Something similar to this:</p>
  
  <p><img src="https://i.stack.imgur.com/iw6CQ.png" alt="enter image description here"></p>
  
  <p>I've tried adding a row/span divs inside the <code>&lt;div class="controls"&gt;</code> but it seems to be adding a left padding.</p>
  
  <p>I know there is the inline checkbox example in the docs but elements aren't aligned.</p>