Bootstrap Form复选框和下拉列表未与其标签正确对齐

Question

如下图所示，输入标签与其标签正确对齐。但是下拉列表与其标签不在同一行;它有点向上垂直。复选框也是如此。我希望看到它们与标签完全一致。我默认使用最新版本的Bootstrap附带的ASP.NET Core。问题可能与ASP.NET无关，但以下是以下是ASP.NET中使用标记帮助程序的Form。 注意：我的ASP.NET模型中的模型属性Test1的类型为bool，因此ASP.NET将<input asp-for="Test1" class="form-control" style="zoom:0.5;" />呈现为复选框。但是，我认为这与此无关。

<form asp-controller="myController" asp-action="myAction" method="post" class="form-horizontal">
<div class="form-group">
    <label asp-for="ProjectTitle" class="col-md-2 control-label"></label>
    <div class="col-md-10">
        <input asp-for="ProjectTitle" class="form-control" />
        <span asp-validation-for="ProjectTitle" class="text-danger"></span>
    </div>
</div>
<div class="form-group">
    <label asp-for="SelectedProjStatus" class="col-md-2 control-label"></label>
    <div class="col-md-10">
        <select asp-for="SelectedProjStatus" asp-items="Model.lstProjStatuses"></select>
    </div>
</div>
<div class="form-group">
    <label asp-for="Test1" class="col-md-2 control-label"></label>
    <div class="col-md-1">
        <input asp-for="Test1" class="form-control" style="zoom:0.5;" />
        <span asp-validation-for="Test1" class="text-danger"></span>
    </div>
</div>
</form>