html - 如何使用 twitter bootstrap 和 rails 简单表单创建水平表单

Question

我正在尝试使用 simple-form 和 bootstrap 创建水平表单。我已经使用“rails generate simple_form:install”安装了 Bootstrap 。这就是我在 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 表单的绝佳工具。但是，您必须做一些额外的工作才能使其与 Bootstrap 的 form-horizo​​ntal 类一起使用。

README 没有提到这个，但它是内置的。只需像这样写你的表单声明:

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

 # ...form...

<% end %>

注意 wrapper 属性。这在 README 中没有描述，我必须深入研究代码才能弄明白。

希望对你有帮助!