Topic: mdb select and input on the same line
Hi.I am trying to implement mdb select and one input on the same line, but having a difficulty in doing so. I could put them on the same line, but it is still hard for me to leave them on the exact same line. When I used the below code, the position of select is slightly lower than the one of input, and it looks bad. Is there anyway to solve this issue?I really appreciate your help!
Start your code here <div class='row' id='example_wrap'> <div class='col-3'> <label id='example_label'>Example label</label> <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> </div> <div class='col-9'> <div class="md-form" id='example_form'> <input type="text" id="something" class="form-control" value=' '> </div> </div> </div>
Have you tried adding
margin-topto your input field?
Please try changing input height or adding label over
. Also try changinf 'px' to 'rem' unit. Let me know if you have further issues.
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Specification of the issue
- User: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No