0

我有一个这样的 simple_form

<%= simple_form_for(@name) do |f| %>
  <%= f.error_notification %>
  <div class="form-inputs">
    <%= f.input :fname %>
    <%= f.input :lname  %>
    <%= f.input :body %>        
  </div>

  <%= f.button :submit, 'submit' %>
<% end %>

我想使标签水平并对其应用其他引导代码，但我无法弄清楚如何做到这一点，因为 simple_form_for 没有像 form_for 这样的任何 div。

谢谢

4

2 回答 2

3

它在 gem 网站上得到了很好的解释：https ://github.com/plataformatec/simple_form

1) 通过运行以下命令为 simpleform 生成 twitter 引导配置：

rails generate simple_form:install --bootstrap

2）按照示例应用程序中的示例：https ://github.com/rafaelfranca/simple_form-b​​ootstrap/blob/master/app/views/articles/_form.html.erb

<%= simple_form_for @name, :html => { :class => 'form-horizontal' } do |f| %>

  <%- if f.error_notification %>
    <div class="alert alert-error fade in">
      <a class="close" data-dismiss="alert" href="#">&times;</a>
      <%= f.error_notification %>
    </div>
  <%- end %>

  <div class="form-inputs">
    <%= f.input :fname %>
    <%= f.input :lname  %>
    <%= f.input :body %>        
  </div>

<% end %>
于 2013-03-02T10:06:47.993 回答
1

来自simple_form 文档

SimpleForm 可以轻松集成到 Twitter Bootstrap。为此，您必须使用安装生成器中的引导选项，如下所示：

rails 生成 simple_form:install --bootstrap

您必须确保在您的应用程序中添加了 Twitter Bootstrap 资产的副本。

有关更多信息，请参阅生成器输出、我们的示例应用程序代码和实时示例应用程序。

注意： SimpleForm 集成需要 Twitter Bootstrap 2.0 或更高版本。

于 2013-03-02T10:05:37.137 回答