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

【问题标题】：Textbox width not adjusting in bootstrap文本框宽度未在引导程序中调整
【发布时间】：2016-10-18 14:46:47
【问题描述】：

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

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

【问题讨论】：

尝试将width: 100% 设置为tbUserID 元素
你看过bootstrap horizontal form?

标签： c# css asp.net twitter-bootstrap

【解决方案1】：

尝试仅在输入的父 div 元素上设置 col 类，由于 Bootstrap 的 form-control css 类，输入元素将占据该父元素的 100% 全宽。

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

【讨论】：

我试过了，但是文本框在标签下方。像这样imgur.com/Ww8Ok8l

【解决方案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>

【讨论】：

【解决方案3】：

我的错误出现在我的MasterPage 中。我使用form-inline 而不是form-horizontal。改变它解决了这个问题。谢谢@Zack

【讨论】：