1

I'm using bootstrap.min.css on bootstrap v3.3.5. I download the bootstrap from http://getbootstrap.com and used it locally. I notice there is a problem with glyphicons when run on IE 9 and above. The glyphicon icon will disappear on first page after login and disappear again when we refresh (F5) on the page.

<link href="<%=request.getContextPath()%>/assets/bootstrap3/css/bootstrap.min.css" rel="stylesheet">

When I switch to using bootstrap.min.css from a CDN I don't have the error.

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

Please help. I don't know what is different between the local and online bootstrap.min.css

Thank you.

Rory McCrossan
  • 331,213
  • 40
  • 305
  • 339
m.sufi
  • 11
  • 1

1 Answers1

0

I Hope this will help you... 

    <!DOCTYPE html>
    <html lang="en">
    <head>
         <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
          <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

    </head>
    <body>

<div class="container">
  <h2>Glyphicon Examples</h2>
  <p>Envelope icon: <span class="glyphicon glyphicon-envelope"></span></p>    
</div>

</body>
</html>

enter image description here

Muhammad Asad
  • 1,772
  • 16
  • 23