c# - 在 asp.net MVC5 上更改文本框大小

Question

我的 View 中有这个输入:

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

我想增加文本框的宽度。我已经更改了 col-md-x 值，但没有任何改变。如何更改这部分代码的文本框宽度？谢谢。

Answer 1

您可以根据需要应用各种 col- 类，而不是创建自定义类。使用这些将确保站点保持响应 - 请参阅 http://getbootstrap.com/css/#forms-control-sizes

可以通过添加指定类

new { @class = "col-md-3"}

结果

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