Click here to Skip to main content
15,888,610 members
Please Sign up or sign in to vote.
1.80/5 (2 votes)
See more:
bootstrap glyphicons not working??? only a square box is being displaying

my code is as
HTML
<div class="col-sm-4">
                <span class="glyphicon glyphicon-globe logo"></span>
               </div>


plz help me
thnx
Posted
Updated 12-Apr-20 10:05am
v2
Comments
Suvendu Shekhar Giri 20-Nov-15 2:20am    
Share the relevant css.

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


the problem you will add in the title section of the problem link is solved
 
Share this answer
 
Have you imported the glyphicons font file in your css ? If you haven't, do this-
CSS
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

Change the path according to your directory structure.


-KR
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month


CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900