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

Recommended next steps


Let me strongly recommend at least one additional step you'll need to take before taking a project like this to production. It's imperative that you take time to optimize your images, CSS, and JavaScript. These steps are not difficult:

  • Compressing images takes just a bit of time, and it addresses the single largest cause for large page footprints. I've already used the save to web process option of Photoshop, but chances are you can squeeze a few more bytes out. In Chapter 2, Creating Your Own Build Process with Gulp, you can see how to add an image compress task to your gulp build process.

  • In addition, we badly need to remove unneeded Bootstrap Sass files from the import sequence in the scss/includes/_bootstrap.scss file, and then compress the resulting main.css file.

  • Finally, we need to slim down our plugins.js file by replacing Bootstrap's all-inclusive bootstrap.min.js file with compressed versions of only the three plugins that we're actually using: carousel.js,...