Topic: Row alignment
Expected behavior
Columns in the row should be aligned correctly
Actual behavior
The final row is dropped down a number of pixels
Resources (screenshots, code snippets etc.)
<div class="row">
<div class="col-md-2"><input type="text" name="contractNumber" id="contractNumber" size="15"/></div>
<div class="col-md-2"><input type="text" name="subscriberNumber" id="subscriberNumber" size="15"/></div>
<div class="col-md-6">
<input type="text" name="registrationNumber" id="registrationNumber" size="15"/>
<input class="btn btn-primary btn-sm" type="submit" value="Search"/>
</div>
</div>
Hi!
That happens because of margin in button in last column. You can just write .waves-input-wrapper > .btn {margin-top: 0px !important} in your CSS. That'll help :)
Best regards
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: General Bootstrap questions
- MDB Version: -
- Device: Laptop
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No