将按钮与文本输入对齐，并选择标记bootstrap4

Question

我不能让我的按钮对齐选择标签，在底部有一个小的空间，我无法删除。就像你在这张照片上看到的

这是我的守则：

<form>
    <div class="row ">
        <div class="col mt-4">
          <input type="text" name="">
        </div>
        <div class="col mt-4">
          <select></select>
        </div>
        <div class="col mt-4">
          <select></select>
        </div>

        <div class="col mt-4">
            <input type="submit" name="" value="Search" id="" class="btn btn-danger" style="border-radius: 5%;">
        </div>
    </div>
</form>

Answer 1

通过引导，您可以将项与flex对齐。

尝尝这个

<div class="col mt-4 align-self-center">
        <input type="submit" name="" value="Search" id="" class="btn btn-danger" style="border-radius: 5%;">
    </div>

这将使输入集中在列内。按钮的高度取决于它的填充和字体大小。