0

I am using bootsrap plugin version - bootstrap-3.2.0

I tried to display the icons. its working well in chrome browser but its not good in firefox browser. I used the following code bellow:

<html>
  <head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <link href="dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="dist/js/bootstrap.min.js"></script>
  <link href="dist/css/bootstrap-glyphicons.css" rel="stylesheet">
    <title></title>
    <meta content="">
    <style></style>
  </head>
  <body>
    <!-- Glyphicon in a H1 tag -->
    <h1>Hello, <span class="glyphicon glyphicon-globe"></span>
    <span class="glyphicon glyphicon-asterisk"></span>
    <span class="glyphicon glyphicon-home"></span>
    <span class="glyphicon glyphicon-globe"></span>
    <span class="glyphicon glyphicon-globe"></span>
    <span class="glyphicon glyphicon-th-list"></span>
     !</h1>
  </body>
</html>

I attached the screen shot for both browser. 1.Chrome browser screen shot its looks good. enter image description here

  1. Firefox browser screen shot. enter image description here
2

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.