我正在嘗試構建一個具有自定義控制元素的簡單過濾器欄。該元素應該垂直對齊，但它似乎不起作用。這是過濾欄的標記：<div class="bg-light p-3 card">    <form class="form-inline">        <div class="form-row">            <div class="col-auto">                <input type="text" placeholder="The team's name" class="form-control" value="" />            </div>            <div class="col-auto">                <select class="form-control">                    <option value="">Select the season</option>                    <option value="2019">2019</option>                    <option value="2020">2020</option>                </select>            </div>            <div class="col-auto">                <button type="submit" class="btn btn-secondary">                    <i class="fas fa-search"/>&nbsp;Search</button>            </div>            <div class="col-auto">                <div class="custom-control custom-switch align-center">                    <input type="checkbox" class="custom-control-input" id="vpx" checked="" />                    <label class="custom-control-label" for="vpx">Hide 0-point teams</label>                </div>            </div>        </div>    </form></div>但結果如下圖所示：無論align-我添加哪個類，該元素都不會移動一點。已嘗試將該display屬性設置inline-block為 bootstap-docs 中所述。實現居中之類的唯一方法是添加mt-2類，但這似乎不是正確的方法。