ruby-on-rails - 使用 Twitter Bootstrap 和 Simple Form 2.0 在一行中进行多个输入

Question

我正在使用带有 Twitter Bootstrap 的 simple_form 2.0。

我正在尝试确定什么是正确的包装格式以获得类似[城市] [州] [ zip ]

我相信我的表格需要

<div class="control-group">
  <%= f.input :city,:wrapper => :small, :placeholder => "City", :input_html => { :class=>"span2", :maxlength => 10},:label => false %>
  <%= f.input :region, :wrapper => :small , :placeholder => "Region", :input_html => { :class=>"span1", :maxlength => 5}, :label => false %>
  <%= f.input :postal_code, :wrapper => :small,  :placeholder => "Postal Code",:input_html => { :class=>"span2", :maxlength => 10},:label => false %>
</div>

我试过这个包装器

  config.wrappers :small, :tag => 'div', :class => 'controls inline-inputs', :error_class => 'error' do |b|
    b.use :placeholder
    b.use :label_input
  end

我相信我也需要定义 CSS，但在我进入兔子洞之前，我想我会问这是否内置在某处。

Answer 1

可以让 simple_form 做到这一点。这会将输入放在一行中并带有一个标签:

<%= form.input :city, label: 'City/State/Zip', input_html: {class: 'span3'}, wrapper_html: {class: 'controls controls-row'} do %>
  <%= form.input_field :city, class: 'span1' %>
  <%= form.input_field :state, class: 'span1' %>
  <%= form.input_field :zip, class: 'span1' %>
<% end %>

'span*' 类是可选的。