title: Bootstrap form-horizontal vertical alignment of checkboxes without label text
body: <p>I have changed from Bootstrap 3.0.0 to 3.2.0 this morning because I needed some of the new features for my web application. Everything seemed to work as expected until I observed an issue with the vertical alignment of checkboxes in a <code>.form-horizontal</code> form.</p>
  
  <p>An example is available at <a href="http://www.bootply.com/AYN64feYze" rel="noreferrer">http://www.bootply.com/AYN64feYze</a>. The markup for this minimum example is:</p>
  
  <pre><code>&lt;div class="form-horizontal"&gt;
      &lt;div class="form-group"&gt;
        &lt;label class="col-sm-2 control-label"&gt;With label text&lt;/label&gt;
            &lt;div class="col-sm-10"&gt;
              &lt;div class="checkbox"&gt;
                &lt;label&gt;
                    &lt;input type="checkbox"&gt; label text
                &lt;/label&gt;
              &lt;/div&gt;
            &lt;/div&gt;
      &lt;/div&gt;
    &lt;div class="form-group"&gt;
        &lt;label class="col-sm-2 control-label"&gt;Without label text&lt;/label&gt;
            &lt;div class="col-sm-10"&gt;
              &lt;div class="checkbox"&gt;
                &lt;label&gt;
                    &lt;input type="checkbox"&gt;
                &lt;/label&gt;
              &lt;/div&gt;
            &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If a checkbox has no following text it is shifted below the row it should appear in.</p>
  
  <p>Is there a solution to this problem? Since I already have the leading label I do not need a following text for my checkboxes. My current workaround is adding text to the <code>&lt;label&gt;</code> that contains the <code>&lt;input type="checkbox"&gt;</code> and use the background color as the font color to hide the text.</p>
  
  <p>Thank you for your help.</p>