Html 在引导模式中将textarea width设置为100%

尝试了所有可能的方法，但从未成功：

    <div style="float: right">
        <button type="button" value="Decline" class="btn btn-danger" data-toggle="modal" data-target="#declineModal">Decline</button>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="declineModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" id="myModalLabel">Comment</h4>
                    </div>
                    <div class="modal-body">
                        <textarea class="form-control col-xs-12"></textarea>
                    </div>
                    <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-danger">Decline</button>
                </div>
            </div>
        </div>
    </div> 

减少
&时代；接近
评论
接近
减少

---

如何使modal body div中的textarea覆盖所有可用空间=宽度100%？

如果我理解正确，这就是您要找的

.form-control { width: 100%; }

---

请参阅。

尝试将

最小宽度：100%

添加到文本区域的样式：

<textarea class="form-control" style="min-width: 100%"></textarea>

---

提供的解决方案确实解决了问题。但是，它们也会影响具有相同样式的所有其他

textarea

元素。我必须解决这个问题，只是创建了一个更具体的选择器。以下是我提出的防止侵入性改变的方法

.modal content textarea.form-control{
最大宽度：100%；
}

而这个选择器可能看起来很有攻击性。它有助于将

textarea

限制在模态本身的内容区域中

---

此外，上面介绍的

minwidth

解决方案适用于基本引导模式，尽管我在使用angular ui引导模式时遇到了问题。

您也可以简单地添加属性

row=“number of rows”

和

cols=“number of columns”

类似

<div class="modal-body">
    <textarea class="form-control col-xs-12" rows="7" cols="50"></textarea>
</div>

---

这将增加文本区域中的行数，这与

style=“min height:100%”和
min width:50%
的宽度等非常相似。另外
row=7
更改高度和
cols=50
更改文本区域的宽度。
我对.NET/MVC编程是新手，但我的理解是Site.css文件（在MVC的Content文件夹下）是引导css的站点级覆盖，允许您以可移植和非破坏性的方式覆盖引导本机设置（例如，在系统上更新引导时，您可以轻松保存并重新应用Site.css更改）

在Bootstrap 3.0.0中，Site.css具有以下样式设置：

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

其他博客建议，这个280px的宽度是在临近发布日期时匆忙添加的，目的是使UI看起来比100%宽度输入时更好。幸运的是，它被放置在站点文件中的“可见”位置，因此您会注意到它

只需更改所有三种输入类型的宽度设置，或者拉出textarea并为其提供自己的设置，如果您想不使用其他输入类型。
我也遇到了同样的问题。我通过在文本区域的样式中添加这段代码来修复它

resize: vertical;

您可以检查引导参考
在这里测试这些建议之后，我得出结论，我们必须应用两个方面

将
表单控件
类应用于
textarea
元素。这是Bootstrap的内置类之一

通过添加以下属性扩展此类：

希望这能帮助其他正在寻找此问题解决方案的人。
是否有任何本机支持将其设置为fullwidthcols更改宽度，而行更改高度。当我删除输入组时，我的textarea位于带有class=“input group”的div中（因为我并不真正需要它）带有class=“form control”的textarea扩展以自动填充可用宽度为cols设置一个高值，例如500。它将显示为一个完整的视图
.form-control {
   max-width: 100%;
}