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

Starting Sass build out

Now, we're getting to the point where we are ready to start attaching our CSS reference to this page, and we're going to see some differences in the way it's going to look because of that. So, this means that we're getting into creating our Sass file and building that out. Gulp is then going to run behind the scenes automatically when it detects those changes, do the pre-processing, and deploy that Sass code as CSS into our CSS file. So, right now, there are a few things on the index.html page that we want to update, but we need not worry about them as the CSS is going to come in and start fixing all of this.

Now that we know our layout is pretty well intact, we can proceed with our Sass build out. There's quite a bit of Sass that we're going to be working on here, so we're going to start off by creating a few variables...