Mastering Bootstrap 4

Learn how to build beautiful and highly customizable web interfaces by leveraging the power of Bootstrap 4
Preview in Mapt

Mastering Bootstrap 4

Benjamin Jakobus, Jason Marah

1 customer reviews
Learn how to build beautiful and highly customizable web interfaces by leveraging the power of Bootstrap 4

Quick links: > What will you learn?> Table of content> Product reviews

Mapt Subscription
FREE
$29.99/m after trial
eBook
$25.20
RRP $35.99
Save 29%
Print + eBook
$44.99
RRP $44.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$25.20
$44.99
$29.99 p/m after trial
RRP $35.99
RRP $44.99
Subscription
eBook
Print + eBook
Start 14 Day Trial

Frequently bought together


Mastering Bootstrap 4 Book Cover
Mastering Bootstrap 4
$ 35.99
$ 25.20
Bootstrap 4 Site Blueprints Book Cover
Bootstrap 4 Site Blueprints
$ 39.99
$ 28.00
Buy 2 for $35.00
Save $40.98
Add to Cart

Book Details

ISBN 139781783981120
Paperback285 pages

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.

Table of Contents

Chapter 1: Revving Up Bootstrap
Introducing our demo project
What Bootstrap 4 Alpha 4 has to offer
Setting up our project
Summary
Chapter 2: Making a Style Statement
The grid system
Image elements
Responsive utilities
Helper classes
Text alignment and transformation
Summary
Chapter 3: Building the Layout
Splitting it up
Adding Bootstrap components
Summary
Chapter 4: On Navigation, Footers, Alerts, and Content
Fixating the navbar
Improving navigation using Scrollspy
Customizing scroll speed
Icons
Using and customizing alerts
Creating a footer
Creating and customizing forms
Form validation
Progress indicators
Adding content using media objects
Figures
Quotes
Abbreviations
Summary
Chapter 5: Speeding Up Development Using jQuery Plugins
Browser detection
Enhanced pagination using bootpag
Displaying images using Bootstrap Lightbox
Improving our price list with DataTables
Summary
Chapter 6: Customizing Your Plugins
Anatomy of a plugin
Customizing plugins
Writing a custom Bootstrap jQuery plugin
Summary
Chapter 7: Integrating Bootstrap with Third-Party Plugins
Building a testimonial component with Salvattore
Hover
Summary
Chapter 8: Optimizing Your Website
CSS optimization
Minifying CSS and JavaScript
Introducing Grunt
Running tasks automatically
Stripping our website of unused CSS
JavaScript file concatenation
Summary
Chapter 9: Integrating with AngularJS and React
Introducing AngularJS
Introducing React
Summary

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

Authors

Table of Contents

Chapter 1: Revving Up Bootstrap
Introducing our demo project
What Bootstrap 4 Alpha 4 has to offer
Setting up our project
Summary
Chapter 2: Making a Style Statement
The grid system
Image elements
Responsive utilities
Helper classes
Text alignment and transformation
Summary
Chapter 3: Building the Layout
Splitting it up
Adding Bootstrap components
Summary
Chapter 4: On Navigation, Footers, Alerts, and Content
Fixating the navbar
Improving navigation using Scrollspy
Customizing scroll speed
Icons
Using and customizing alerts
Creating a footer
Creating and customizing forms
Form validation
Progress indicators
Adding content using media objects
Figures
Quotes
Abbreviations
Summary
Chapter 5: Speeding Up Development Using jQuery Plugins
Browser detection
Enhanced pagination using bootpag
Displaying images using Bootstrap Lightbox
Improving our price list with DataTables
Summary
Chapter 6: Customizing Your Plugins
Anatomy of a plugin
Customizing plugins
Writing a custom Bootstrap jQuery plugin
Summary
Chapter 7: Integrating Bootstrap with Third-Party Plugins
Building a testimonial component with Salvattore
Hover
Summary
Chapter 8: Optimizing Your Website
CSS optimization
Minifying CSS and JavaScript
Introducing Grunt
Running tasks automatically
Stripping our website of unused CSS
JavaScript file concatenation
Summary
Chapter 9: Integrating with AngularJS and React
Introducing AngularJS
Introducing React
Summary

Book Details

ISBN 139781783981120
Paperback285 pages
Read More
From 1 reviews

Read More Reviews

Recommended for You

Bootstrap 4 Site Blueprints Book Cover
Bootstrap 4 Site Blueprints
$ 39.99
$ 28.00
Learning Bootstrap 4 - Second Edition Book Cover
Learning Bootstrap 4 - Second Edition
$ 31.99
$ 22.40
Web Development with Bootstrap 4 and Angular 2 - Second Edition Book Cover
Web Development with Bootstrap 4 and Angular 2 - Second Edition
$ 39.99
$ 28.00
Bootstrap 4 By Example Book Cover
Bootstrap 4 By Example
$ 35.99
$ 25.20
HTML5 and CSS3: Building Responsive Websites Book Cover
HTML5 and CSS3: Building Responsive Websites
$ 67.99
$ 47.60
Angular 2 By Example Book Cover
Angular 2 By Example
$ 35.99
$ 25.20