Question

我目前正在尝试使用网格列更改文本框的宽度。但是，我尝试通过减少或增加来更改列的大小，但它不会更改。我可以知道为什么吗？

我目前正在使用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>

Answer 1

尝试仅在输入的父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>

Answer 2

试试这个

<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>

Answer 3

我的错误发生在MasterPage。我使用form-inline代替form-horizontal。改变它解决了这个问题。谢谢@Zack

文本框宽度未在引导程序中调整

3 个答案: