输入字段中出现错误的“.is-invalid”类未显示simple_form

Question

我正在尝试通过在我拥有的每个输入字段上添加error_html: { class: 'is_invalid'}代码，在输入上添加最新版bootstrap的.is-invalid类。

<div class="card">
  <div class="card-body">
    <%= simple_form_for @user, url: signup_path do |f| %>
      <%= f.input :username, placeholder: 'Username', error_html: { class: 'is_invalid'} %>
      <%= f.input :password, placeholder: 'Password', error_html: { class: 'is_invalid'} %>
      <%= f.input :password_confirmation, label: 'Confirmation', placeholder: 'Confirm Password', error_html: { class: 'is_invalid'} %>
      <%= f.input :email, placeholder: 'Email', error_html: { class: 'is_invalid'} %>
      <%= f.button :submit, "Sign Up", class: "btn-primary btn-block" %>
    <% end %>
  </div>
</div>

我尝试过测试但是没有添加课程。我知道simple_form正在运行，因为我可以在下面的屏幕截图中看到完整的错误消息，并且它的显示为none，因为它需要将.is-invalid类显示为块。