CODEWITHSUNDEEP
csstwitter-bootstrapicons
user21
user21

Reputation: 1351

Bootstrap glyphicon icon not showing

The glyphicon icon on all buttons - bootstrap does not show up in safari or chrom

I couldn't fix it. Please help!

<link href="css/bootstrap.min.css" rel="stylesheet">

<a class="btn btn-primary" href="ClockProject/index.html" 
  target="_blank">View Project 
  <span class="glyphicon glyphicon-chevron-right"></span>
</a>

Upvotes: 1

Views: 32144

Answers (1)

Aaron Vanston
Aaron Vanston

Reputation: 755

Have you made sure the fonts have been included in the project? Viewing the console for your site, you have errors in which it failed to load the glyphicons (font pack).

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

Upvotes: 10

Related Questions