ruby-on-rails - 内联表单 Twitter Bootstrap + 简单表单 + Rails

Question

正如标题所示，我正在使用带有 Simple_Form 的 Bootstrap。我试图让: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

您需要将它们包装在一个名为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