In this chapter, we created a social media website. We saw how to create a navbar that had a brand and also a form field for the user to input their email address and password. We then created menu items that turn into a hamburger menu when shrinked. We also used cards to create our wall, friends, and groups section. We saw how to create a bubble comment and add an avatar. Finally, we learned how to get ekko-lightbox into our project to build the Photos page. In the next chapter, we are going to see how to create a one-page Bootstrap website.
Learning Bootstrap 4 by Building Projects
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)
Preface
Bootstrap 4 Features
Photosharing Website
Building a Resume Website
Social Network Frontend
Agency Website
Lightbox Website
Other Books You May Enjoy
Customer Reviews