Bootstrap 4 – Glyphicons migration?

by

Migrating from Glyphicons to Font Awesome is quite easy.

Include a reference to Font Awesome (either locally, or use the CDN).

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

Then run a search and replace where you search for glyphicon glyphicon- and replace it with fa fa-, and also change the enclosing element from <span to <i. Most of the CSS class names are the same. Some have changed though, so you have to manually fix those.

More Related Contents:

  1. Bootstrap change navbar color
  2. Vertical alignment in Bootstrap 4
  3. Align nav-items to right side in bootstrap-4 [duplicate]
  4. Bootstrap Navbar Dropdown Menu Items Right
  5. Flush footer to the bottom of the page in bootstrap 4
  6. What happened to the .pull-left and .pull-right classes in Bootstrap 4?
  7. Want to make a multi page navigation menu “HTML, JS, jQuery, Bootstrap” [closed]
  8. Trying to work on responsiveness of login form
  9. Bootstrap row with columns of different height
  10. Order columns through Bootstrap4
  11. Center an element in Bootstrap Navbar
  12. How to extend/modify (customize) Bootstrap with SASS
  13. Bootstrap Rows and Columns – Do I need to use row?
  14. Bootstrap Center Vertical and Horizontal Alignment
  15. Bootstrap 4: Multilevel Dropdown Inside Navigation
  16. How to center nav-items in Bootstrap? [duplicate]
  17. Create a responsive navbar sidebar “drawer” in Bootstrap?
  18. How to make Bootstrap 4 cards the same height in card-columns?
  19. How do I use the Spacing Utility Classes in Bootstrap
  20. What is class=”mb-0″ in Bootstrap 4?
  21. Customize Bootstrap 4’s grid-system Breakpoints
  22. Bootstrap 4 – Navbar items outside the collapse
  23. Bootstrap 4 – Sticky footer – Dynamic footer height
  24. Bootstrap 4 multiselect dropdown
  25. How to center cards in bootstrap 4?
  26. How to left column fixed and right scrollable in Bootstrap 4, responsive?
  27. Add spacing between vertically stacked columns in Bootstrap 4
  28. Offsetting columns is not working (Bootstrap v4.0.0-beta)
  29. Bootstrap navbar: nothing is displayed on smaller devices
  30. Bootstrap 3, 4 and 5 .container-fluid with grid adding unwanted padding

Leave a Comment