Mastering Bootstrap 4

Key Features

• Adapt and customize Bootstrap to produce enticing websites that fit your needs
• Explore Bootstrap's grid system, helper classes, and responsive utilities
• Extend Bootstrap with jQuery plugins and learn how to create your own custom plugins

Book Description

Bootstrap 4 is a free CSS and JavaScript framework that allows developers to rapidly build responsive web-interfaces.

Right from the first chapter, dive into building a customized Bootstrap website from scratch. Get to grips with Bootstrap s key features and quickly discover the various ways in which Bootstrap can help you develop web-interfaces. Then take walk through the fundamental features, such as its grid system, helper classes, and responsive utilities. When you have mastered these, you will discover how to structure page layouts, use forms, style different types of content and utilize Bootstrap s various navigation components. Among other things, you will also tour the anatomy of a Bootstrap plugin, creating your own custom components and extending Bootstrap using jQuery. Finally, you will discover how to optimize your website and integrate it with third-party frameworks.

By the end of this book, you will have a thorough knowledge of the framework s ins and outs, and be able to build highly customizable and optimized web interfaces.

What you will learn

• Create a professional Bootstrap-based website from scratch without using third-party templates
• Apply the Bootstrap mobile-first grid system and add responsiveness and aesthetic touches to image elements
• Style various types of content and learn how to build a page s layout from scratch by applying the power of Bootstrap 4
• Take advantage of Bootstrap s form helper and contextual classes
• Infuse your web pages with life and movement using Bootstrap jQuery plugins
• Customize the behavior and features of Bootstrap s jQuery Plugins extensively
• Optimize your Bootstrap-based project before deployment
• Incorporate Bootstrap into an AngularJS or React application and use Bootstrap components as AngularJS directives or React components

About the Author

Benjamin Jakobus graduated with a BSc in Computer Science from University College Cork and obtained an MSc in Advanced Computing from Imperial College London. As a software engineer, he has worked on various web-development projects across Europe and Brazil.

Jason Marah is a software engineer who is currently developing AerLingus.com in Dublin, Ireland, as a lead UI developer. Jason is a University College Cork alumnus, graduating with a BSc in Computer Science. Jason has worked as a full-stack engineer specializing in JavaScript around Europe on various projects.

Table of Contents

1. Revving Up Bootstrap
2. Making a Style Statement
3. Building the Layout
4. On Navigation, Footers, Alerts, and Content
5. Speeding Up Development Using jQuery Plugins
6. Customizing Your Plugins
7. Integrating Bootstrap with Third-Party Plugins
8. Optimizing Your Website
9. Integrating with AngularJS and React

Benjamin Jakobus Benjamin Jakobus graduated with a BSc in Computer Science from University College Cork and obtained an MSc in Advanced Computing from Imperial College London. As a software engineer, he has worked on various web-development projects across Europe and Brazil.

Jason Marah Jason Marah is a software engineer who is currently developing AerLingus.com in Dublin, Ireland, as a lead UI developer. Jason is a University College Cork alumnus, graduating with a BSc in Computer Science. Jason has worked as a full-stack engineer specializing in JavaScript around Europe on various projects.