Bootstrap 4 Site Blueprints

Explore the robust features of Bootstrap 4 to create exciting websites through this collection of excellent hands-on projects

About This Book

• Explore the inner workings of Bootstrap 4 by building different websites
• Customize your designs by working directly with Bootstrap''s SASS files
• Leverage Bootstrap''s excellent JavaScript plugins

Who This Book Is For

If you are a web developer who wants to build professional websites using Bootstrap 4, then this book is for you. Familiarity with the basics of HTML, CSS, and JavaScript is assumed.

What You Will Learn

• Understand how Bootstrap compiles SASS code to static CSS and ES6 code into JavaScript code
• Integrate Bootstrap into application frameworks such as Angular 2 (AngularJS), Ember, and React
• Reuse Bootstrap''s SASS mixins and set responsive breakpoints in your designs
• Customize Bootstrap''s SASS files and add your own in the process
• Manage multiple rows of products in a complex responsive grid
• Create a complete one-page scrolling website using Bootstrap''s components and plugins

In Detail

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.

Style and approach

This book follows a project-based approach to creating different types of popular websites using Bootstrap. You''ll work through easy-to-follow, clear, and logical steps, with screenshots and tips provided along the way to help you get more from Bootstrap.