title: Inline Checkboxes Display Properly in Chrome & Safari but not FireFox & IE
body: <p>I have a website running on Rails that uses Bootstrap.  Inline checkboxes render fine in Chrome and Safari but not in Firefox or IE.</p>
  
  <p><a href="http://i.stack.imgur.com/LggU1.png" rel="nofollow">Chrome or Safari (Correct)</a>
  The checkbox is to the left of the label.</p>
  
  <p><a href="http://i.stack.imgur.com/4V57e.png" rel="nofollow">Firefox or IE (Not correct)</a>
  The checkbox is centered in the label which is not correct.</p>
  
  <p>I have added the Bootstrap gem to my rails app.  </p>
  
  <p><strong>Gemfile</strong></p>
  
  <pre><code>gem 'bootstrap-sass', '~&gt; 3.3.5'
  gem 'sass-rails', '~&gt; 5.0'
  </code></pre>
  
  <p><strong>custom.css.scss</strong></p>
  
  <pre><code>@import "bootstrap-sprockets";
  @import "bootstrap";
  </code></pre>
  
  <p><strong>login.html.erb</strong></p>
  
  <pre><code>&lt;%= f.label :remember_me, :class =&gt; "checkbox-inline" do %&gt;
        &lt;%= f.check_box :remember_me%&gt;Remember me on this computer?
  &lt;% end %&gt;
  </code></pre>
  
  <p>The code as it is rendered in the browser</p>
  
  <pre><code>&lt;label class="checkbox-inline" for="session_remember_me"&gt;
        &lt;input name="session[remember_me]" type="hidden" value="0"&gt;
        &lt;input type="checkbox" value="1" name="session[remember_me]" id="session_remember_me"&gt;Remember me on this computer?
  &lt;/label&gt;
  </code></pre>
  
  <p>I've added the Bootstrap CDN in a test Rails app and the checkboxes rendered properly in all browsers.  I'm not opposed to removing the Bootstrap gem and switching to CDN but wanted to consult the SO crowd first.  Has anyone seen this before?  Is there any easier solution? </p>
  
  <p>Thanks!</p>
  
  <p>David</p>