twitter-bootstrap - TextAreaFor 无法设置宽度

Question

我无法在 atextarea 中设置宽度或列。行/高度工作得很好。有人可以帮忙吗谢谢!

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    @Html.ValidationSummary(true)
    @Html.TextAreaFor(model => model.Comments, new {cols=60, rows=10})
    @Html.HiddenFor(model => model.UserName, new { UserName = @User.Identity })

    <div class="form-group">
        <div class="col-md-10">
            <input type="submit" value="Submit Feedback" class="btn btn-default" />
        </div>
    </div>
}

任何建议或提示将不胜感激!谢谢

呈现的 HTML 是(出于安全原因，我删除了名称和值文本:

<form action="/feedback/create" method="post"><input name="" type="hidden" value="">        
<textarea name="Comments" id="Comments" rows="10" cols="60"></textarea>
<input name="UserName" id="UserName" type="hidden" value="" username="System.Security.Principal.WindowsIdentity">        

<div class="form-group">
        <div class="col-md-10">
            <input class="btn btn-default" type="submit" value="Submit Feedback">
        </div>
 </div>

编辑:

我可以通过 CSS 设置文本区域的宽度，但只能设置到一定程度(可能是屏幕的 15%)

Answer 1

所以我想通了，我相信这是导入到 ASP.NET MVC5 项目的 Bootstrap 的问题。答案很简单。也只需设置 CSS

    max-width: 1000px;
    width: 1000px;

这为所有数据类型修复了它。文本区域、输入等

**** 2014 年 8 月 26 日更新 ****

更改了我的答案以反射(reflect)已发布的评论。使用百分比而不是 px 来保持响应能力。 CSS应该是:

    max-width: 100%;
    width: 100%;

**** 2016 年 8 月 29 日更新 ****

这已通过 Bootstrap 3 修复。添加应用上述样式的类 form-control

     @Html.TextAreaFor(x => x.Note, new { @class = "form-control", rows = "3" })