Book Image

Learning Bootstrap 4 by Building Projects

Book Image

Learning Bootstrap 4 by Building Projects

Overview of this book

Bootstrap, the world’s most popular frontend framework, is an open source toolkit for building web applications with HTML, CSS, and JavaScript. Learning Bootstrap 4 by Building Projects covers the essentials of Bootstrap 4 along with best practices. The book begins by introducing you to the latest features of Bootstrap 4. You will learn different elements and components of Bootstrap, such as the strict grid system, Sass, which replaced Less, flexbox, Font Awesome, and cards. As you make your way through the chapters, you will use a template that will help you to build different kinds of real-world websites, such as a social media website, a company landing page, a media hosting website, and a profile page, with ease. By the end of this book, you will have built websites that are visually appealing, responsive, and robust.
Table of Contents (9 chapters)
Free Chapter
1
Introduction

Installing Font Awesome

In this section, we're going be installing Font Awesome for our website. This is going to require a change to our gulpfile so that it can be used as part of our base template. So, instead of the template that we had, we're just going to enhance it and we're going to have the template that includes Font Awesome as well. You can go to the Font Awesome website at https://fontawesome.com/?from=io and download it:

However, we're actually going to go through npm and install Font Awesome. Then, we're going to see how to make the modifications in the gulpfile and add the local reference into our HTML files, just like we've done with Bootstrap and jQuery as well. So, let's go ahead and go into Visual Studio Code, where we're going to do the installation of Font Awesome. Alright, so on the command line, we will type the command...