twitter-bootstrap – TextAreaFor无法设置宽度

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – TextAreaFor无法设置宽度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我不能在atextarea中设置width或cols。行/高度工作正常。有人可以帮忙谢谢!
  1. @using (Html.BeginForm())
  2. {
  3. @Html.AntiForgeryToken()
  4.  
  5. @Html.ValidationSummary(true)
  6. @Html.TextAreaFor(model => model.Comments,new {cols=60,rows=10})
  7. @Html.HiddenFor(model => model.UserName,new { UserName = @User.Identity })
  8.  
  9. <div class="form-group">
  10. <div class="col-md-10">
  11. <input type="submit" value="Submit Feedback" class="btn btn-default" />
  12. </div>
  13. </div>
  14. }

任何建议或提示将非常适合!谢谢

渲染的HTML是(为了安全起见,我删除名称和值文本:

  1. <form action="/Feedback/create" method="post"><input name="" type="hidden" value="">
  2. <textarea name="Comments" id="Comments" rows="10" cols="60"></textarea>
  3. <input name="UserName" id="UserName" type="hidden" value="" username="System.Security.Principal.WindowsIdentity">
  4.  
  5. <div class="form-group">
  6. <div class="col-md-10">
  7. <input class="btn btn-default" type="submit" value="Submit Feedback">
  8. </div>
  9. </div>

编辑:

我可以通过CSS设置textarea的宽度,但只能设置一定的exten(可能是屏幕的15%)

解决方法

所以我想出来,我相信这是导入到ASP.NET MVC5项目的引导程序的一个问题。答案很简单。也设置CSS
  1. max-width: 1000px;
  2. width: 1000px;

这将修复所有数据类型。文本区域,输入等

****更新8/26/2014 ****

更改了我的答案,以反映发布的评论。使用百分比,而不是px来保持响应。 CSS应该是:

  1. max-width: 100%;
  2. width: 100%;

****更新8/29/2016 ****

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

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

猜你在找的Bootstrap相关文章