Razor 两个相同类型和类的表单控件以不同的大小显示

Razor 两个相同类型和类的表单控件以不同的大小显示,razor,Razor,我在cshtml页面上工作,该页面有两个文本框,如下所示 <div class="form-group"> <div class="input-group margin-bottom-sm"> @Html.LabelFor(m => m.Password) @Html.PasswordFor(m => m.Password,

我在cshtml页面上工作,该页面有两个文本框,如下所示

 <div class="form-group">
                    <div class="input-group margin-bottom-sm">
                        @Html.LabelFor(m => m.Password)
                        @Html.PasswordFor(m => m.Password, new { @class = "form-control input-lg" })
                    </div>
                </div>
                <div class="form-group">
                    <div class="input-group margin-bottom-sm">
                        @Html.LabelFor(m => m.ConfirmPassword)
                        @Html.PasswordFor(m => m.ConfirmPassword, new { @class = "form-control input-lg" })
                        @Html.HiddenFor(m => m.ReturnToken)
                    </div>
                </div>

@LabelFor(m=>m.Password)
@Html.PasswordFor(m=>m.Password,新的{@class=“form control input lg”})
@LabelFor(m=>m.ConfirmPassword)
@Html.PasswordFor(m=>m.ConfirmPassword,new{@class=“form control input lg”})
@HiddenFor(m=>m.ReturnToken)
但上面的文本框有两种不同的大小,如下图所示。


由于模型中的最大和最小长度,大小似乎有所不同。如何修复此问题?

在这两种情况下,您都可以删除以下div。这将调整窗体控件的大小,使其变为全宽

<div class="input-group margin-bottom-sm">...</div>
。。。