Topic: How to style jquery validation error message?

amit_savani free asked 5 years ago

I added jquery validation but the error messages intermingle with the label. Find the image here to get an idea. Can anybody help me to fix the issue?

fmorriso free commented 5 years ago

Are the elements that are bleeding together in separate DIV's or have a <code> < br / > </code> between them? What CSS styles, if any, are being applied to the two elements that bleed together? Look for anything that performs a "pull left" type of styling on the second element.

Mikołaj Smoleński staff answered 5 years ago


You can use this to place our label below the input:

.md-form {
    transform: translateY(220%);


Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes