ruby-on-rails - simple_form 有没有换行符的表单项连续出现？

Question

是否可以编写一个包装器或样式 simple_form 以便表单元素彼此相邻并排在一行上？

需要的是这样的:

搜索:[输入文本字段]国家[下拉文本字段]城市[下拉文本字段]

我正在使用

• 简单形式 2
• 推特 Bootstrap 2

您目前可以设置 .form-horizo​​ntal 或 .form-vertical，通过向 CSS 添加规则或创建 simple_form 包装器来获得“内联 1 行表单元素显示”的最佳方式是什么？

更新一些 haml/css:

= simple_form_for(@session, :html => { :class => 'form-horizontal' }) do |f|


  = f.input :age_from,
            :collection => 18..60,
            :default => 18,
            :blank =>false,
            :label => 'Age from',
            :item_wrapper_class => 'inline',
            :input_html => { :style => "width: 102px" },


  = f.input :age_to,
            :collection => 18..60,
            :default => 25,
            :blank => false,
            :label => 'Age to',
            :item_wrapper_class => 'inline',
            :input_html => { :style => "width: 102px" }

仅使用常规的 Bootstrap css。 item_wrapper_class 不适用于整个元素，就像集合中的单个单选按钮一样。

我需要一个很好的方法来内联包装完整的集合元素( age to 和 age from )

Answer 1

我不能给上面的人添加评论，因为我没有声望，但只需通过指定上面级别的类来获取输入，然后使用你赋予表单控件样式的混合使其与表单控件相同:

.form-group input {
  @include form-control-styling
}