Topic: Overlapping labels
Expected behavior
When placing three inputs below each other with labels, each label will show next to its corresponding input.
Actual behavior all the labels over lap in the same location
Resources (screenshots, code snippets etc.)
Simple lines below will reproduce:
<input type="text" id="remote">
<label for="remote">Remote server address</label>
<br/>
<input type="text" id="options">
<label for="options">OpenVPN connection options</label>
<br/>
<input type="text" id="ca">
<label for="options">CA Certificate</label>
Hi,
I reproduced your code and it looks fine: https://mdbootstrap.com/snippets/jquery/marta-szymanska/655428?view=project. If you want to show me a problem with material inputs, please, create a snippet showing the problem here: https://mdbootstrap.com/snippets/.
Best, Marta
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.7.6
- Device: any
- Browser: any
- OS: any
- Provided sample code: No
- Provided link: No