Bootstrap Glyphicon выровнять по текстовому полю - PullRequest
Новая
       15

Bootstrap Glyphicon выровнять по текстовому полю

0 голосов
/ 25 апреля 2019

enter image description here У меня есть следующий HTML-код: 

<div class="row">
   <div class="col-md-6">
      <div class="form-group">
         <asp:Label runat="server" AssociatedControlID="txtAccountNumber" CssClass="control-label ">10 Digit Account Number</asp:Label>
     <asp:TextBox  onkeyup="isAccountValid();" CssClass="form-control input-sm" placeholder="Please enter your account number" runat="server" ID="txtAccountNumber" />
     <span id="isAccountValid" class="glyphicon glyphicon-ok" style="color: lightgreen;"></span>
      </div>
   </div>
   <div class="col-md-6">
      <div class="form-group">
     <asp:Label runat="server" AssociatedControlID="txtEmail" CssClass="control-label ">Email</asp:Label>
     <asp:TextBox CssClass="form-control input-sm" placeholder="Please enter your email" runat="server" ID="txtEmail" />
      </div>
   </div>
</div>

Мне трудно поместить глифик рядом с текстовым полем.Какие-либо предложения?Я предпочитаю чистые классы CSS или Bootstrap ... Спасибо!

1 Ответ

0 голосов
/ 26 апреля 2019

Добавление form-inline к строке div поможет. 

<div class="row form-inline">
...