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

Tackling customer reviews


Our next section, named Impact, presents reviews from happy customers. In this section, we see smiling faces of happy customers with excerpts from their commentary about our client's product.

We'll use the Card module for this section again. As already described in Chapter 4, Bootstrappin' a WordPress Theme, the Card module is a flexible and extensible content container which replaces the panels, thumbnails, and wells used in earlier versions of Bootstrap.

Another application of the Card module can be found in Chapter 7, Bootstrappin' E-commerce.

In Chapter 4, Bootstrappin' a WordPress Theme, you used the Card module to create the masonry grid layout. A masonry grid layout works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You'll create a Masonry grid layout for the Impact section again. The Bootstrap masonry solution uses CSS only. If you need a JavaScript solution which works in older browsers...