文本框宽度在引导中没有调整

本文关键字：调整 文本 | 更新日期: 2023-09-27 18:13:28

我目前正在尝试使用网格列改变文本框的宽度。然而，我试图通过减少或增加来改变列的大小，但它没有改变。我可以知道为什么吗?

我目前正在c#中做它，这里是我的示例代码，我已经尝试过

aspx文件
<div class="row">
    <div class="form-group col-lg-11">
        <asp:label id="Label1" runat="server" cssclass="col-lg-2 control-label input-lg" text="User ID: "></asp:label>
        <div class="col-lg-10">
            <asp:textbox id="TextBox1" maxlength="20" cssclass="form-control input-lg" runat="server"></asp:textbox>
        </div>
    </div>
</div>

文本框宽度在引导中没有调整

尝试只在input的父div元素上设置col类，然后输入元素将采用该父元素的100%全宽度，因为Bootstrap的form-control css类。

<div class="form-group">
    <div class="col-lg-11">
        <asp:Label ID="lblUserID" runat="server" CssClass="control-label input-lg" Text="User ID: "></asp:Label>
        <asp:TextBox ID="tbUserID" MaxLength="20" CssClass="form-control input-lg" runat="server"></asp:TextBox>
    </div>
</div>

试试这个

<div class="form-group col-lg-11">
     <asp:Label ID="lblUserID" runat="server" CssClass="col-lg-2 control-label input-lg" Text="User ID: "></asp:Label>
     <div class="col-lg-9">
          <asp:TextBox ID="tbUserID" MaxLength="20" CssClass="form-control input-lg" runat="server"></asp:TextBox>
     </div>
</div>

我的错误是在我的MasterPage。我用form-inline代替form-horizontal。改变它解决了问题。由于@Zack

相关文章：