Row alignment

Chris Ryan asked 4 months ago

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>

Krzysztof Wilk staff answered 4 months ago

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


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • 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