Radio buttons in bootstrap

Hi guys,

I’m using Bootstrap 3 with Rails 4 and having a bit of trouble aligning my horizontal radio-buttons. In my HAML I have this line

.row

.col-md-12

=f.association :search_engine, as: :radio_buttons, item_wrapper_class: ‘radio-inline’, label: false

but when I load the page, I get as attached:

How can I fix this?

Hi guys,

I'm using Bootstrap 3 with Rails 4 and having a bit of trouble aligning my horizontal radio-buttons. In my HAML I have this line

.row    .col-md-12
      =f.association :search_engine, as: :radio_buttons, item_wrapper_class: 'radio-inline', label: false

but when I load the page, I get as attached:

I think you need form-inline on the parent of the radio buttons. Something like this (in HTML, can't read HAML)

  <div class="form-inline">     <label class="radio-inline">       <input type="radio">     </label>     <label class="radio-inline">       <input type="radio">     </label>     <label class="radio-inline">       <input type="radio">     </label>   </div>

Walter

Beautiful! That worked…thx!