垂直简单形式的错误

Question

我正在使用bootstrap在Ruby on Rails项目中使用simple_form gem。在显示包含错误的帮助块的垂直形式中，我有类似这样的内容：

如何修复CSS中的help-block类，将错误名称移动到整行的底部，而不增加图标？

这是我的HAML的一部分：

    .form-group.input-group
      %span.input-group-addon
        %i.fa.fa-lock
      = f.input :password, label: false, placeholder: 'Type password'

Answer 1

您可以通过修改simple_form配置文件中的默认包装来执行此操作。使用默认（非引导程序）配置执行此操作的方法是修改config/initializers/simple_form.rb中的输入部分默认包装器，来自：

b.use :label_input
b.use :hint,  wrap_with: { tag: :span, class: :hint }
b.use :error, wrap_with: { tag: :span, class: :error }

为：

b.use :label
b.use :hint,  wrap_with: { tag: :span, class: :hint }
b.use :error, wrap_with: { tag: :span, class: :error }
b.use :input

您可以将相同的技术应用于配置的引导版本。

这会使单个复选框在出现错误时看起来有些奇怪，因此您还需要创建一个与原始配置重复的包装器版本，并将其设置为仅用于{{1} } 输入类型。例如（再次来自默认配置，而不是bootstrap配置）：

boolean