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

Revising the gulpfile

The first thing we need to do is bring the templates we created earlier into this project. Let's open the gulpfile, where we're going to make a few efficiency changes to help us with a few different things in this project. Here is what the folder structure and gulpfile look like:

What we've done is taken template 1, then taken those files, including the node_modules, and put them into the P2 folder. This is going to be our template 2, and is the template that we want be using going forward. Make sure that whenever you're taking node_modules, dropping them in, and using a package.json that's already there, you want to perform npm install in the terminal so that you can be sure that all of those packages that are related to the package.json are installed. Now, let's go ahead and check out the package.json file:

{
"name&quot...