如何使用Twitter Bootstrap和Rails简单表单创建水平表单

Question

我试图用简单形式和引导程序创建水平形式。我已经使用“ rails generate simple_form：install”安装了引导程序。这就是我在html.erb中所拥有的

    <%= simple_form_for(@company, :html => { :class => "form-horizontal" }) do |f| %>
      <div class="form-group">
        <label class="col-md-4 control-label"></label>
        <div class="col-md-4">
           <%= f.input :name %>
</div>
</div>

但是表格仍然垂直显示。

Answer 1

simple_form是生成引导程序表单的绝佳工具。但是，您需要做一些额外的工作才能使其与Bootstrap的水平窗体类一起使用。

README并未提及这一点，但它是内置的。只需像这样编写表单声明即可：

<%= simple_form_for [:admin, @c], html: { class: 'form-horizontal' },wrapper: :horizontal_form do |f| %>

 # ...form...

<% end %>

请注意包装器属性。自述文件中没有对此进行描述，因此我不得不仔细研究代码以弄清楚。

希望这对您有所帮助！