Topic: Design of lable broken.
<form class="md-form"> <div class="row"> <div class="col-md-6"> <select class="mdb-select"> <option value="" disabled selected>x</option> </select> <label>Country</label> </div> </div> </form>
The lable is too left and not aligned with the select-field. I think it is because of the class ".md-form label" with left: 0; statement. Thank you for your assistance. Sebastian
Marta Szymanska staff pro premium answered 7 years ago
.md-form
wrapper for select? When you use standard code for .mdb-select
(below), everything is fine. Could you explain this? I'll try to help.
<select class="mdb-select"> <option value="" disabled selected>Choose your option</option> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> <label>Example label</label>Best, Marta
Sekra24 pro commented 7 years ago
Thank you marta! Now I got it. The naming of md-form was a little bit confusing because I thought it should be used along with the tag. All fine now. It is working. :) Thank you.Marta Szymanska staff pro premium commented 7 years ago
You're welcome.FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No