无法更改文本框的大小

时间:2014-07-24 13:08:39

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

我使用以下代码,我无法更改文本框的大小使其大于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>

2 个答案:

答案 0 :(得分:0)

您不能只将 class =&#34; col-md-10&#34; 更改为 class =&#34; col-md-11&#34; (或col-md-12)或只是删除<div class="col-md-10">

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

答案 1 :(得分:0)

我不熟悉您正在使用的语言,但如果您只使用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>,如下所示: enter image description here

调整宽度以更改文本区域的宽度。另一种选择是这样做,它产生的textarea大约是浏览器宽度的80%:

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