Html 将ASP.NET文本框扩展到行宽度-引导css

我是第一次使用ASP.NET，并且承认我在HTML方面已经相当缺乏经验。我正在使用引导网格，我正在创建一个具有以下模式的表单：

        <div class="container">
        <div class="row dataPanel">

        <h4><b>1.First question goes here</b></h4>

        <div class="col-lg-12">
            <asp:RadioButtonList ID="q1Score" CssClass="radioButtonList" runat="server" RepeatDirection="Horizontal">
                <asp:ListItem Value="1">1</asp:ListItem>
                <asp:ListItem Value="2">2</asp:ListItem>
                <asp:ListItem Value="3">3</asp:ListItem>
                <asp:ListItem Value="4">4</asp:ListItem>
                <asp:ListItem Value="-1">N/A</asp:ListItem>
            </asp:RadioButtonList>

            <br />
            Comments:
            <asp:TextBox ID="q1CommentBox" TextMode="MultiLine" CssClass="commentBox" runat="server" />

        </div>
    </div>
    </div>

无论我用col-12-lg样式或row样式将注释框括在div中，我都无法扩展行的宽度。在bootstrap中，这意味着相当于12列，对吗

---

有什么建议吗？

ASP文本框实际上创建了一个HTML输入框。这些是内联元素，这意味着您需要将宽度设置为100%，以便使用容器的整个宽度

#q1CommentBox{
  width: 100%;
}

---

希望这能有所帮助。

感谢TidyDev和VDWWD为我指引了正确的方向。当我构建页面并检查textarea元素时，有一个样式类为textarea显示：

input, select, textarea {
     max-width: 280px;
}

---

这门课把我的课文限制在设定的宽度内。它不存在于我的boostrap样式表（或任何其他附加到项目的样式表）中，所以我不确定它来自哪里。我将这个类添加到我的自定义样式表中，并调整了宽度，解决了这个问题

它是否适用于宽度为100%的

width！重要的？注意，一个多行文本框在html中变成了一个文本区域，也许它在某个地方有自己的CSS。不！重要标签没有任何作用。您完全正确，它被渲染到文本区域，但是我的commentBox css类应该同时应用于文本区域和文本框。我删除了多行参数以将其转换为一行文本框，但其宽度仍然相同。感谢VDWWD，查看样式表中的textarea类时，显示宽度限制设置为280px。我已经将自定义css类：commentBox作为CssClass参数添加到。如果您看到上面的commentBox类，您应该看到宽度：100%。尽管如此，我删除了textbox的CssClass参数，并将您的建议添加到我的css中。这导致了一个更短的文本框。如果没有上下文，很难判断周围的CSS是什么样子的，但是col-lg-12确实包含了一点填充，但这还不足以造成区别。我通常会检查chrome中的元素，看看哪些css规则起作用，然后从那里向后运行。TidyDev，那是正确的地方。发现一行css将文本区域宽度限制为280px。问题解决了！
input, select, textarea {
     max-width: 280px;
}