无法更改文本框的大小答案

【问题标题】：Cannot change the size of text box无法更改文本框的大小
【发布时间】：2014-09-16 01:30:57
【问题描述】：

我使用以下代码，我无法将文本框的大小更改为大于 700，如何将其更改为 1000？

<div class="form-group">
   @Html.LabelFor(model => model.Service, new { @class = "col-md-2 oper-label" })
      <div class="col-md-10">
        @Html.TextBoxFor(model => model.Service, new { @style = "width: 700px;" })
       </div>
      </div>
</div>

【问题讨论】：

标签： css asp.net asp.net-mvc twitter-bootstrap razor

【解决方案1】：

我不熟悉您使用的语言，但如果您只使用 HTML <textarea> 就可以了。

Bootply example

<div class="form-group">
      <div class="col-md-10">
        <textarea class="form-control" style="width: 700px;"></textarea>
      </div>
</div>

此代码将生成一个 700 像素宽的 <textarea>，如下所示：

调整宽度以改变文本区域的宽度。另一种选择是这样做，它会生成一个大约为浏览器宽度 80% 的文本区域：

<div class="form-group">
    <div class="col-md-10">
        <textarea class="form-control"></textarea>
    </div>
</div>

【讨论】：

我不想改变高度，只想改变宽度，我该怎么做？
高度没有变化。您可以使用内联style="width"（上面的第一个示例）或调整col-md-10（第二个示例）来调整宽度
谢谢，但我应该如何将数据从 textarea 发送到我的模型？
那将是一个单独的问题。您必须确保您的输入是在一个表单中并提交它们。您应该能够找到有关 SO 或谷歌搜索的更多信息。

【解决方案2】：

您不能只是将 class="col-md-10" 更改为 class="col-md-11"（或 col-md-12）或简单地删除<div class="col-md-10"> ?

查看此链接以获取有关引导网格系统的更多信息：http://getbootstrap.com/css/#grid-example-basic

【讨论】：