Css 在模态对话框中设置文本框控件的大小

首先，我对编码领域相当陌生，所以请对我放松。我有一个问题，我把一个文本框控件放在一个模态对话框窗口内，但是我似乎无法使文本框调整大小以占据模态窗口的全部大小。它似乎只占了一半的宽度

这就是我创建模式窗口的方式，正如您所见，我尝试设置文本框的宽度，但它似乎不起作用：

<div id="BusinessRejectModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Enter reason for rejection</h4>
            </div>
            <div class="modal-body">
                <asp:TextBox ID="txtBusinessRejectModal" runat="server" Height="300px" TextMode="MultiLine" Width="1000px"></asp:TextBox>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary btn-lg" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

---

我尝试过在bootstrap.css文件中使用不同的宽度值，但是没有成功。有人能看到我需要做什么来正确格式化这个文本框吗？

当您使用引导框架时，您应该利用

class=form control

并将

textbox

放入

中，如下所示

<div class="form-group">
    <asp:TextBox ID="txtBusinessRejectModal" runat="server" CssClass="form-control" TextMode="MultiLine"></asp:TextBox>
</div>

---

注意：fiddle中的示例是HTML

textarea

，只是为了让您了解如何利用引导框架。

非常感谢您的回复。即使以与您发布的完全相同的方式输入了我的代码，它仍然只显示了文本框的一小部分内容

不过，我还是设法解决了这个问题。在我的Site.css文件中，我有以下内容，这是导致我的问题的原因

    textarea {
max-width: 280px;
text-align: left;
}

280px正在覆盖文本框的宽度

非常感谢您的回复——很高兴看到一个有效的例子，知道如果没有其他设置，我所拥有的应该是有效的

干杯 布雷迪

<div class="form-group">
    <asp:TextBox ID="txtBusinessRejectModal" runat="server" CssClass="form-control" Rows="10" TextMode="MultiLine"></asp:TextBox>
</div>

    textarea {
max-width: 280px;
text-align: left;
}