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

Creating the Contact page

In the last section, we look at fixed spacing issues in text and images, especially in jumbotron. What we're going to do now is add our Contact page, so let's go back to our VS Code. What we want is to get into the root of the src folder and add a file called contact.html. We will now copy and paste the content in the index.html from our very first Hello, world!. So, every time you start a new project, you can use this template code and get started with new page creation. So, obviously there are a few changes we're going to make in here to suit the current project. The first thing we're going to do is to remove the Hello, world! heading that we created. Next, we will get our nav. We're going to use everything inside of the nav tags in our index.html file. Copy the entire content in the nav tag and paste it inside the body tag...