如何在ASP.NET MVC项目模板中使textarea可调整大小?

时间:2016-10-24 16:38:02

标签: asp.net-mvc twitter-bootstrap

我正在使用ASP.NET MVC项目的现有模板,但我有一个textarea字段,我希望它可以在两个方向上以最小高度和宽度调整大小。 我在标记中使用EditorFor并在模型类中指定了[DataType(DataType.MultilineText)]

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

我是bootstrap的新手,但是使用页面检查器我发现边距占据了整个宽度并且我无法更改其值,我更改了height值并且它可以工作但是具有固定宽度:

textarea.form-control {
    height: 400px;
    margin: 0px;
    resize: both;
}

1 个答案:

答案 0 :(得分:0)

看来你正在使用剃刀语法,所以你可以尝试使用TextArea:

@Html.TextAreaFor(model => model.Body, new { @class = "form-control" })