search

posabsolute / jQuery-Validation-Engine

jQuery form validation plugin
http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/
2.57k stars 1.2k forks source link

bootstrap. error message positioning issue #909

Closed davi-romero closed 8 years ago

davi-romero commented 8 years ago

the error message box is not being properly positioned when we have columns in a form using bootstap.

for the first column it is being properly positioned, at the end of the html element, however for the other columns it is not, appearing at the middle of the element, causing overlapping in case we error messages displayed in both the first and second columns.

image

image

davi-romero commented 8 years ago

fixed using the following css:

.form-horizontal .col-md-4:not(:first-child) .parentFormundefined .col-sm-9:after { left: 89% !important; }

sorry for the incovenience.