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

Summary

Now, we shall start with the course and projects on Bootstrap 4. To summarize what we've learned in this agency project—we created the navigation at the top, we have the branding section, and we have the actual menu of items.

We can also shrink them up and get a responsive behaviour from it.

If we bring the pointer over to the navigation buttons, we get our hamburger icon, we get the menu items there, and then the responsive site—everything starts snapping into place into a single column, which is exactly what we'd expect. Along with the animation when scrolling manually, the item can also be clicked for the scrolling action to work. The menu will change, and we get the animation that will take us down into that area of the page that we are targeting. For example, if we have to go to the CLIENTS, all that needs to be done is scroll. This is going...