ruby-on-rails - 如何在simple_form中用div包围输入而不包围它们各自的标签(使用f.input)

Question

我正在为 twitter bootstrap 使用自定义主题，以这种方式围绕 div 中的输入:

    = simple_form_for(@user_session) do |f|
      .control-group
        = f.label :username, 'Usuario', class: 'control-label'
        .controls
          = f.input_field :username

我只想使用 f.input 来保存大型表单的编码，我运行 rails generate simple_form:install 来修改配置，目前我有:

    = simple_form_for(@user_session) do |f|
      = f.input :username, :label => 'Usuario'

它几乎可以生成我需要的所有标记(在初始化程序/simple_form 中添加相应的类):

<form action="/user_sessions" class="form-horizontal new_user_session" method="post">
      ...
      <div class="control-group username">
          <label class="username control-label" for="user_session_username">Usuario</label>
          <input class="username" id="user_session_username" name="user_session[username]" size="50" type="text" />
      </div>
      ...
</form>

它只需要和额外的“div”以及围绕输入标签的“控件”类而不是标签，有什么方法可以实现吗？

谢谢!

Answer 1

终于找到了怎么做，这样配置包装器为bootstrap添加了所需的div:

初始化器/simple_form

config.wrappers :bootstrap, :tag => 'div', :class => 'control-group', :error_class => 'error' do |b|
  b.use :html5
  b.use :placeholder
  b.use :label
  b.wrapper :tag => 'div', :class => 'controls' do |ba|
    ba.use :input
    ba.use :error, :wrap_with => { :tag => 'span', :class => 'help-inline' }
    ba.use :hint,  :wrap_with => { :tag => 'p', :class => 'help-block' }
  end
end

config.default_wrapper = :bootstrap

在这里找到答案: http://blog.jamesalmond.com/using-simple-form-in-an-engine/

希望它可以帮助某人!再见。