MVC 5 中的文本区域

Question

我正在使用 Visual Studio 2013 和 MVC 5。我的视图中有这段代码：

<div class="form-group">
   <div class="col-lg-10 col-md-10">
      @Html.LabelFor(m => m.GeneralInfo, new { @class = "col-md-4 col-lg-4 vert-middle" })
      <div class="col-lg-8 col-md-8">
          @Html.TextAreaFor(model => model.GeneralInfo, new { @class = "form-control", @rows = 5, @cols = 220 })
      </div>
    </div>
</div>

无论我做什么，我都无法让该字段增加其宽度。我把从视图源代码生成的代码放在简单的 html 文件中，大小非常宽。 我没有对引导代码进行更改。我正在使用 3.3.4。

如有任何帮助，将不胜感激

Answer 1

您正在尝试在预定义的引导网格属性内显式设置宽度。这是不可能的，也没有意义。

你需要花一点时间来了解Bootstrap网格系统，这里有一个link，它会在以后节省很多时间，如果你想使用BS，它是至关重要的。

回到您的代码，如果您的 TextArea 已经在网格系统内，并且您希望响应式地获得屏幕的最大宽度，您应该使用类似的东西：

 <div class="col-lg-12">
          @Html.TextAreaFor(model => model.GeneralInfo, new { @class = "form-control", @rows = 5 })
      </div>

假设它不在另一个 div 中。

12 是神奇的数字，请点击该链接了解更多信息。