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'

它生成了我需要的几乎所有标记（在initializers / 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/

希望它有所帮助！见你。

如何在simple_form中使用div来包围输入而不包围其各自的标签（使用f.input）

1 个答案: