ruby-on-rails - HTML5 表单验证错误消息

Question

如您在验证错误消息的这张图片中所见，错误消息显示在右侧太远

<%= form_for @listing do |f| %>
<div class="row">
<div class="col-md-12 select">
<div class="form-group">
<label>お家の種類&lt;/label>
<%= f.select :home_type, [["一軒家","一軒家"], ["マンション","マンション"], ["アパート","アパート"]], {prompt:"選択してください"}, {required: 'true', autofocus: 'true', class: 'form-control'} %>
</div>
</div>
</div>
<br>
...

<div class="actions">
<%= f.submit "Save", class: "btn btn-danger" %>
</div>
<% end %>

我应该如何修复 html5 的验证消息位置？

Answer 1

您无法控制这些错误气球的定位或格式。它们内置在浏览器中。规范没有指定它们的外观或位置。