Book Image

Bootstrap 4 Site Blueprints - Second Edition

By : Ian Whitney, David Cochran
Book Image

Bootstrap 4 Site Blueprints - Second Edition

By: Ian Whitney, David Cochran

Overview of this book

Packed with trade secrets, this second edition is your one-stop solution to creating websites that will provide the best experience for your users. We cover six popular, real-world examples, where each project teaches you about the various functionalities of Bootstrap 4 and their implementation. The book starts off by getting you up and running with the new features of Bootstrap 4 before gradually moving on to customizing your blog with Bootstrap and SASS, building a portfolio site, and turning it into a WordPress theme. In the process, you will learn to recompile Bootstrap files using SASS, design a user interface, and integrate JavaScript plugins. Towards the end of the book, you will also be introduced to integrating Bootstrap 4 with popular application frameworks such as Angular 2, Ruby on Rails, and React.
Table of Contents (15 chapters)
Bootstrap 4 Site Blueprints
Credits
About the Authors
About the Reviewer
www.PacktPub.com
Preface

Summary


Let's take stock of what we've accomplished in this chapter. We started a new Bootstrap project, powered by Panini, Sass, and Gulp, by using Bootstrap CLI. After that, we leveraged Bootstrap's responsive navbar, carousel, and grid system, and customized several of Bootstrap's Sass codes and mixins. You also learned how to create your own Sass files and folded them seamlessly into the project. Last but not least, you folded the Font Awesome icons into our workflow. At the end, you improved future maintenance of the site by implementing a thoughtful file organization scheme—all without creating code bloat.

With this experience under your belt, you're equipped to bend Bootstrap to your will, using its power to speed website development, and then customizing the design to your heart's content. In future chapters, we'll expand your experience further. First, however, let's take this design to create a complex business home page.