Bootstrap 3 unable to display glyphicon properly

by

Did you choose the customized version of Bootstrap? There is an issue that the font files included in the customized package are broken (see https://github.com/twbs/bootstrap/issues/9925). If you do not want to use the CDN, you have to download them manually and replace your own fonts with the downloaded ones:

https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg
https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff
https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf
https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot

After that try a strong reload (CTRL + F5), hope it helps.

More Related Contents:

  1. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  2. Add Bootstrap Glyphicon to Input Box
  3. Center a column using Twitter Bootstrap 3
  4. Bootstrap 3 fluid grid layout issues?
  5. Bootstrap 3 Navbar with Logo
  6. How to change the bootstrap primary color?
  7. Why did Bootstrap 3 switch to box-sizing: border-box?
  8. How to use particular CSS styles based on screen size / device
  9. Centering brand logo in Bootstrap Navbar
  10. What do “flex” and “justify-content” achieve that “text-align” doesn’t?
  11. Bootstrap 3 – disable navbar collapse
  12. Bootstrap: how to stack divs of different heights?
  13. Right to Left support for Twitter Bootstrap 3
  14. Input widths on Bootstrap 3
  15. Change the order of col-*-12 columns in Bootstrap using push/pull
  16. Bootstrap 3 – Use more than 12 columns in a row
  17. Changing the width of Bootstrap popover
  18. How to change btn color in Bootstrap
  19. Bootstrap 3 – desktop view on a mobile device
  20. Bootstrap 3 Slide in Menu / Navbar on Mobile [closed]
  21. Twitter’s Bootstrap 3 grid, changing breakpoint and removing padding
  22. Make column fixed position in bootstrap
  23. Bootstrap 3: pull-right for col-lg only
  24. How to use vertical align in bootstrap
  25. How to add a search box with icon to the navbar in Bootstrap 3?
  26. Bootstrap change div order with pull-right, pull-left on 3 columns
  27. Shrinking navigation bar when scrolling down (bootstrap3)
  28. Vertically align Bootstrap badge inside heading
  29. Center a column using Twitter Bootstrap
  30. Bootstrap Grid System new line does not look nice

Leave a Comment