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

Jumbotron

In this section, we are going to build a jumbotron, which looks something similar to the following screenshot:

We will require images from here onward. You can use any image you want to design your website. You will have to place the images inside the img folder under the src folder, as shown in the following screenshot:

We're moving away from the navigation now. We will add a new div tag, which will come before the footer code and after the nav code. This div is going to be for our jumbotron. Inside the jumbotron, we're going to put our container, and then inside of the container, we will have our row as follows:

 <div class="jumbotron">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h1>Capture<span class="em-text">Life</span&gt...