Bootstrap 4 将按钮与文本输入对齐，然后选择标记bootstrap4

我无法使我的按钮与选择标记对齐，底部有一点空间我无法删除。

这是我的代码：

<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>

---

通过引导，您可以将项目与

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>

---

这将使输入在列内居中。按钮的高度由其填充和使用的字体大小决定。

通过引导，您可以将项目与

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>

---

这将使输入在列内居中。按钮的高度由其填充和使用的字体大小决定。

Thaanks，它工作：DThaanks，它工作：D