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

Main content sections

Until now, we have seen navigation, the footer, and a jumbotron. Now, we will be looking to fill in the middle area that lies between the jumbotron and the footer. We still have to work on these sections, as they are still not what we want because some of our styling that we're referencing is not there yet. We will fix this after we create the middle area. The middle area will again be divided into two sections. The first section will have some images and text, and it will be divided into three blocks as follows:

The second section will come below the first section and it will have the following features:

The middle and the feature section code will go between the jumbotron and feature, as follows:

<section id="feature">
<div class="container">
<div class="row">
<div class="col-lg-5...