title: Bootstrap inline checkboxes - How can I pull them left or right inside a form well?
body: <p>I am using Twitter Bootstrap inline checkboxes inside a <code>form-horizontal well well-small</code></p>
  
  <p>If I add <code>pull-left</code> or <code>right</code> to the checkboxes, they are pulled correctly, but dropped out of the <code>well</code> element, even though they are nested inside the form. The <code>pull</code> works for buttons, but not for inline checkboxes.</p>
  
  <p>I tried putting them inside a control group and using <code>pull</code> on the control group but they're still dropped outside the form <code>well</code>.</p>
  
  <p>EDIT:</p>
  
  <p>Failing example: <a href="http://bbalban.pagodabox.com/snippets/post-fails" rel="nofollow">http://bbalban.pagodabox.com/snippets/post-fails</a></p>
  
  <p>Working example: <a href="http://bbalban.pagodabox.com/snippets/post-works" rel="nofollow">http://bbalban.pagodabox.com/snippets/post-works</a></p>
  
  <p>It fails when first label is removed or has pull-right. It works when first label is there, but has no pull qualifier.</p>
  
  <p>Thanks.</p>