HTML5 форма проверки сообщение об ошибке

Question

сообщение об ошибке отображается слишком далеко вправо, как вы можете видеть на this picture сообщения об ошибке проверки

<%= form_for @listing do |f| %> 
<div class="row"> 
<div class="col-md-12 select"> 
<div class="form-group"> 
<label>お家の種類</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

Вы не можете контролировать позиционирование или форматирование этих воздушных шаров. Они встроены в браузер. Спецификация не указывает их внешний вид или местоположение.