Bootstrap 3.2.0 glyphicons not showing

Question

I'm trying to show glyphicons within my textbox.

This is the markup I have:

 <div class="form-group" style="width: 100%;" id="divFirstName" runat="server">
                                        <input type="text" placeholder="First Name" runat="server" id="txtFirstName" value="" aria-describedby="inputSuccess2Status" class="form-control" maxlength="30" />
                                        <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span>
  <span id="inputSuccess2Status" class="sr-only">(success)</span>
                                    </div>

And this is the result I'm getting:

Any idea what am I doing wrong?

Answer 1

You forgot to include the latest bootstrap css styles.

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

Also make sure that you are not overriding the font-family property of the icon span somewhere in your CSS.