https://i.sstatic.net/G2qVu.pngI am struggling with incorporating a glyphicon next to my text box in the following HTML code:
<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>
Does anyone have suggestions on how to achieve this using pure CSS or Bootstrap classes? Thank you!