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

What this book covers

Chapter 1, Introduction, starts the book off with an introduction to Bootstrap.

Chapter 2, Bootstrap 4 Features, introduces you to all the new features that Bootstrap 4 offers. You will learn how to set up the environment before you start building your projects.

Chapter 3, Photosharing Website, helps you create multiple pages with different layouts. You will be introduced to Font Awesome and media breakpoints.

Chapter 4, Building a Resume Website, teaches you how to create a sophisticated resume site where you will be using the Bootstrap grid system to create layouts for your different sections, such as about me, contact information, education, experience, skills, services, and recent projects.

Chapter 5, Social Network Frontend, covers a number of different features, such as creating bubble comments, adding photos, and creating groups. You will also learn how to add a sidebar to the website.

Chapter 6, Agency Website, helps you build a one-page Bootstrap website where you will have a navigation menu and a jumbotron. You will also learn some JavaScript animation to achieve a smooth scrolling effect.

Chapter 7, Lightbox Website, uses the lightbox plugin to create a gallery of photos with two different layout. You will also learn how to create a carousel, which is basically a image slideshow.