テキストボックスの幅がブートストラップで調整されていません

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

私のエラーは私のMasterPageにあったを試してみてください。私はform-horizontalの代わりにform-inlineを使用しました。それを変えて問題を解決しました。ありがとう@Zack

Answer 2

入力の親div要素にのみCOLクラスを設定してみてください、入力要素wilはform-control cssクラスのBootstrapのためにこの親要素の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> 

Answer 3

この

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