html - Simple Form check box left alignment -


i have rails 4 app simple form.

there check box element in app box left of label.

<div class="row">   <div class="col-md-3 col-md-offset-1">     <%= f.label  :'how share project results?', :class => 'question-project' %>   </div>   <div class="col-md-7">     <div class= "response-project">       <%= f.input :report,  as: :boolean, inline_label: 'a report on project outcomes', label: false, :item_wrapper_class => 'inline' %>       <%= f.input :other_outcome, :as => :boolean, :label => false, :inline_label => true %>     </div>   </div> </div> 

the css response-project is:

.response-project {   font-weight: normal;   font-family: 'roboto', sans-serif;   color: light-grey;   font-size: 16px;   line-height: 2;  } 

the check box aligned further left of remaining form elements. seems come simple form. know how turn alignment off check box aligned left of form, in uniform line other elements of form?

thank you

there stack post similar here: simple_form bootstrap check box

what need create custom wrapper in config/initializers/simple_form.rb. read more here https://github.com/plataformatec/simple_form/wiki/custom-wrappers


Comments

Popular posts from this blog

angularjs - Showing an empty as first option in select tag -

qt - Change color of QGraphicsView rubber band -

c++ - Visible files in the "Projects" View of the Qt Creator IDE if using the CMake build system -