Question

我有使用bootstrap3的MVC5应用程序，其中一个字段应该有长文本框，

目前我正在使用以下代码，当我尝试将宽度更改为1000时，注意发生。添加我试图删除col-md-10类并在文本框旁边向左移动没有任何事情发生......

我想把它改成更大，我应该怎么做？

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

Answer 1

在TextArea上放置一个固定的宽度会破坏bootstrap为您的应用程序带来响应的目的。你应该添加＆＃34; form-control＆＃34;到课堂上让textarea填满它的容器。

@Html.TextBoxFor(model => model.Service, new { @class = "form-control" })

另一种选择是声明自己的自定义CSS样式并在textarea上使用它

@Html.TextBoxFor(model => model.Service, new { @class = "custom-width" })

风格

.custom-width {
    width: 700px !important; <-- add important!
}

Answer 2

试试这个：

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

PS：请注意使用！important关键字

更改文本区域的宽度和高度

2 个答案: