增加文本框大小引导程序(ASP.NET MVC)

Question

有没有办法以水平形式增加文本框的大小(长度)？

<div class="form-horizontal">
    <div class="form-group">
        @Html.LabelFor(model => model.Name, new { @class = "control-label col-md-2" })
        <div class="col-md-10">
                @Html.TextBoxFor(model => model.Name, new { @class = "form-control" })
                @Html.ValidationMessageFor(model => model.Name)
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
    </div>
</div>

我试过更改col-md-*类但它没有用.

Answer 1

所有答案都很有帮助.

我的解决方案是更改我的css中的默认最大宽度,因为它限制了大小

input, select, textarea {
    max-width: 500px;
}

然后更改col-md-*类工作正常.

谢谢

Answer 2

另一种方法是只更改div上的col-md-x类,它将文本框和验证消息包装到所需的宽度.

例如,改变这个:

<div class="col-md-10">
     @Html.TextBoxFor(model => model.Name, new { @class = "form-control" })
     @Html.ValidationMessageFor(model => model.Name)
</div>

对此:

<div class="col-md-5">
     @Html.TextBoxFor(model => model.Name, new { @class = "form-control" })
     @Html.ValidationMessageFor(model => model.Name)
</div>

现在你的文本框将是5列宽而不是10.这不需要额外的类,并且额外的好处是,如果你有更长的验证消息,它将包装在与文本框相同的空间内.