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

Social Network Frontend

In this chapter, we are going to be creating the frontend of a social media website. Like other sites, it's focused on layout rather than integrating a lot of functionalities. We are going to target the following site to build our social media website:

So, there are some new things that we're going to be introduced to in this project. As you can see on the wall section, we're going to be using cards. There's a hierarchy to building cards, similar to a button or a navigation where with the root of nav or navbar, you then start expanding the classes out for the color, toggler, and collapsible, and with cards you have a title and content, and it's all wrapped inside a card. In the top piece, we are going build forms, and like a lot of our other sites, we are going to make this responsive. Similar to our previous projects, we will...