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 Bootstraps SASS files • Leverage Bootstraps 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 Bootstraps SASS mixins and set responsive breakpoints in your designs • Customize Bootstraps 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 Bootstraps 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. Youll work through easy-to-follow clear and logical steps with screenshots and tips provided along the way to help you get more from Bootstrap.