ASP.Net Core MVC 复选框对齐

如何解决ASP.Net Core MVC 复选框对齐

有人可以帮助我解决两个并排复选框的问题。出于某种原因，它们没有与其余控件对齐，我必须指定高度，否则 div 的高度为零。所有其他控件都完美对齐。我附上了屏幕截图和我的代码。

                    <div class="row align-items-start">
                        <div class="col-2">
                            <label asp-for="customer.MeasureLoft" class="col-form-label">M (Loft)</label>
                        </div>
                        <div class="col-2">
                            <label asp-for="customer.MeasureIWI" class="col-form-label">M (IWI)</label>
                        </div>
                        <div class="col-2">
                            <label asp-for="customer.MeasureUFI" class="col-form-label">M (UFI)</label>
                        </div>
                        <div class="col-2">
                            <label asp-for="customer.MeasureRIR" class=" col-form-label">M (RIR)</label>
                        </div>
                        <div class="col-4">
                            <label asp-for="customer.MeasureESH_FTCH" class="col-form-label">M (ESH/FTCH)</label>
                        </div>
                    </div>
                    <div class="row align-items-start">
                        <div class="col-2">
                            <input asp-for="customer.MeasureLoft" class="form-control" style="width:100px;" />
                        </div>
                        <div class="col-2">
                            <input asp-for="customer.MeasureIWI" class="form-control" style="width:100px;" />
                        </div>
                        <div class="col-2">
                            <input asp-for="customer.MeasureUFI" class="form-control" style="width:100px;" />
                        </div>
                        <div class="col-2">
                            <input asp-for="customer.MeasureRIR" class="form-control" style="width:100px;" />
                        </div>
                        <div class="col-4">
                            <input asp-for="customer.MeasureESH_FTCH" class="form-control" style="width:100px;" />
                        </div>
                    </div>
                    <div class="row align-items-start">
                        <div class="col-6">
                            <label asp-for="customer.Flex" class="col-form-label">Flex</label>
                        </div>
                        <div class="col-6">
                            <label asp-for="customer.HCRO" class="col-form-label">HCRO</label>
                        </div>
                    </div>
                    <div class="row align-items-start" style="height: 38px;">
                        <div class="col-6">
                            <input asp-for="customer.Flex" class="form-check-input" type="checkBox" />
                        </div>
                        <div class="col-6">
                            <input asp-for="customer.HCRO" class="form-check-input" type="checkBox" />
                        </div>
                    </div>