Twitter bootstrap 3 引导窗体复选框和下拉列表未与其标签正确对齐

Twitter bootstrap 3 引导窗体复选框和下拉列表未与其标签正确对齐,twitter-bootstrap-3,asp.net-core,Twitter Bootstrap 3,Asp.net Core,如下图所示,输入标记与其标签正确对齐。但下拉列表与其标签在水平方向上不在同一行中;垂直向上一点。复选框也是如此。我想看到他们完全在同一行作为他们的标签。默认情况下,我使用的是最新版本的引导附带的ASP.NET内核。这个问题可能与ASP.NET无关,但为了以防万一,下面是ASP.NET中使用标记帮助程序的表单注意:我的ASP.NET模型中的模型属性Test1是bool类型,因此ASP.NET呈现为复选框。但我认为,这在这里并不重要 <form asp-controller="myContro

如下图所示,输入标记与其标签正确对齐。但下拉列表与其标签在水平方向上不在同一行中;垂直向上一点。复选框也是如此。我想看到他们完全在同一行作为他们的标签。默认情况下,我使用的是最新版本的引导附带的ASP.NET内核。这个问题可能与ASP.NET无关,但为了以防万一,下面是ASP.NET中使用标记帮助程序的
表单注意:我的ASP.NET模型中的模型属性Test1是bool类型,因此ASP.NET呈现为复选框。但我认为,这在这里并不重要

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


您有自定义引导吗?@DavidWhitlock没有。请尝试将
class=“form control”
添加到选择列表中tag@DavidWhitlock您的建议修复了
select标记
对齐(谢谢)。但是,复选框问题仍然存在。在输入标记中添加
type=“checkbox”
可能会有所帮助。你可以在以下网址找到更多信息: