css - Devise & Bootstrap checkbox in Ruby on Rails: how to fix automatic setting of margin-left:-20px? -

css - Devise & Bootstrap checkbox in Ruby on Rails: how to fix automatic setting of margin-left:-20px? -

i'm working on stylizing devise sign-in form (app/devise/sessions/new.html.erb) bootstrap (using ruby 2.0.0 , rails 4.0), , have set checkbox "remember me" such:

<div class="form-group"> <div class="checkbox"> <%= f.check_box :remember_me %> <%= f.label :remember_me %> </div> </div>

but whatever reason, think bootstrap keeps automatically setting checkbox-inline has margin-left of -20px, because shows when examine element using google chrome's developer tools. in browser can alter setting 0px , fixes problem, have no thought how in rails application either bootstrap's css.scss customization file or other method.

does know possible prepare this? give thanks in advance.

if have override css file can override class within there. display: inline; should prepare it. highly recommend using chrome dev tools play around , paste css overrides file.

my typical overrides file lives in assets/stylesheets , called framework_and_overrides.css.scss

css ruby-on-rails twitter-bootstrap devise