Блог

В настоящее время я пытаюсь изменить ширину текстового поля, используя столбцы сетки. Тем не менее, я попытался изменить размер столбца, уменьшив или увеличив, но он не изменился. Могу я узнать, почему?

В настоящее время я делаю это на 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>
  

Попробуйте установить только класс col для родительского элемента div ввода, тогда входной элемент займет 100% полной ширины этого родительского элемента из-за form-control css-класса Bootstrap.

 <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