Inline Forms Twitter Bootstrap + Simple Form + Rails

Question

Как видно из названия, я использую Bootstrap с Simple_Form. Я пытаюсь получить :thumbnail_layout_horizontal & :thumbnail_layout_vertical на той же линии, но, похоже, не может понять это?

<%= simple_form_for(@shop, :html => {:class => "form-horizontal" }) do |f| %> 
    <%= f.error_notification %> 

    <%= f.input :store, :as => :hidden %> 
    <%= f.input :product_id, :as => :hidden %> 

    <%= f.input :has, :wrapper => :prepend, :label => 'Has' do %> 
    <%= content_tag :span, "#", :class => "add-on" %> 
    <%= f.input_field :has %> 
    <% end %> 

    <%= f.input :published, :as => :boolean %> 
    <%= f.input :thumbnail_layout_horizontal, input_html: { class: 'span1' }, :collection => ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"], :label => false %> 
    <%= f.input :thumbnail_layout_vertical, input_html: { class: 'span1' }, :collection => ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"], :label => false %> 

    <%= f.button :submit %> 
<% end %> 

Answer 1

Вам нужно обернуть их в DIV с именем controls-row

В соответствии с примерами на начальной загрузки сайтов http://twitter.github.io/bootstrap/base-css.html#forms

Такие, как: -

<div class="controls controls-row"> 
    <%= f.input :thumbnail_layout_horizontal, input_html: { class: 'span1' }, :collection => ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"], :label => false %> 
    <%= f.input :thumbnail_layout_vertical, input_html: { class: 'span1' }, :collection => ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"], :label => false %> 
</div> 

Я думаю, что вы бы хотели чтобы иметь разные значения для ваших пролетов, то есть не оба span1