调整TextAreaFor

Question

我的表单中有一些TextBoxFor和一个TextAreaFor

这是：

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

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

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

    <div class="form-group">
        @Html.LabelFor(m => m.Message, new { @class = "col-md-2 control-label" })
        <div class="col-md-10">
            @Html.TextAreaFor(m => m.Message,60, 150, new { @class = "form-control" })
            @Html.ValidationMessageFor(m => m.Message)
        </div>
    </div>

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

</div>

它的外观图片：

问题在于我无法调整TextAreaFor的宽度。

我知道Bootstrap网格系统限制了这一点，但我不认为将标签保持在原来的位置是不可能的，但要使textarea更宽而不是更高。

我在寻找的是TextAreaFor比常规TextBoxFor更广泛。我试过在int rows＆amp;＆amp; int columns的{​​{1}}参数，但唯一可行的参数是TextAreaFor。

有关如何让我的int rows扩展到整个页面的任何想法吗？

感谢任何帮助。

更新：

我为你们所有人创建了这个Bootply。

Answer 1

我已经弄明白了。在检查元素之后，我看到所有input，textarea和select都有max-width 280px。

所以我所要做的就是给textarea一个类，并将max-width设置为我喜欢的东西。