O'Reilly logo

Bootstrap 4 Site Blueprints by Ian Whitley, David Cochran, Bass Jobsen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Adding icons

It's time to add icons to our navigation. Glyphicons that come with Bootstrap 3 are dropped in Bootstrap 4. Here, we'll use the large library of icons offered by Font Awesome. Other icon font sets can be found around the Web.

Font Awesome is a font icon set that offers 628 icons at the time of writing this book. Font Awesome icons are free, open source, and built to play nice with Bootstrap. You can see the Font Awesome home page at http://fortawesome.github.io/Font-Awesome/.

Let's fold Font Awesome into our workflow.

In Chapter 2, Creating Your Own Build Process with Gulp, you saw to use Font Awesome by loading it from CDN. Here, we compile the CSS code of Font Awesome into our main app.css file:

  1. First, install Font Awesome in your project ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required