title: Bootstrap 3 form checkbox label doesn't align with checkbox input in Chromium + Firefox
body: <p>In both chrome and firefox:</p>
  
  <ul>
  <li><code>form-inline</code> causes the label to be shifted downwards and the space between the checkbox and the label is narrower than when using <code>form-horizontal</code>.</li>
  <li><code>form-horizontal</code> displays perfectly</li>
  </ul>
  
  <h3><a href="http://jsfiddle.net/gn9Up/" rel="noreferrer">Here's a demo in jsFiddle</a></h3>
  
  <h3>Here's some code:</h3>
  
  <pre class="lang-html prettyprint-override"><code>&lt;form class="form-inline"&gt;
      &lt;div class="checkbox"&gt;
          &lt;label&gt;
              &lt;input type="checkbox"/&gt; Test againn
          &lt;/label&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>Here's a screenshot:</strong></p>
  
  <p><img src="https://i.imgur.com/JEJ1HYn.png" alt="screenshot"></p>
  
  <p>Is there a way to make the checkboxes all aligned correctly in both browsers or am I missing something?</p>