Extending Bootstrap

Written for intermediate frontend developers, this book helps you extend Bootstrap, allowing you to tailor your project using themes, third-party plugins, and plugins you’ve customized yourself. A practical, instruction-based guide.
Preview in Mapt

Extending Bootstrap

Christoffer Niska

Written for intermediate frontend developers, this book helps you extend Bootstrap, allowing you to tailor your project using themes, third-party plugins, and plugins you’ve customized yourself. A practical, instruction-based guide.
Mapt Subscription
FREE
$29.99/m after trial
eBook
$9.80
RRP $13.99
Save 29%
Print + eBook
$22.99
RRP $22.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
$9.80
$22.99
$29.99 p/m after trial
RRP $13.99
RRP $22.99
Subscription
eBook
Print + eBook
Start 30 Day Trial

Frequently bought together


Extending Bootstrap Book Cover
Extending Bootstrap
$ 13.99
$ 9.80
Stunning Web Designs with Bootstrap 4 [Video] Book Cover
Stunning Web Designs with Bootstrap 4 [Video]
$ 124.99
$ 10.00
Buy 2 for $19.80
Save $119.18
Add to Cart

Book Details

ISBN 139781782168416
Paperback88 pages

Book Description

Bootstrap is a free collection of tools used to create websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. Much has been written and said recently, in the world of web design and development, about Bootstrap. Some people call it a boon for web developers with little designing knowledge, while others call it a blessing for the designers. A user familiar with all that Bootstrap has to offer can extend the framework so that it no longer has the original look and feel of Twitter. This will allow you to use clever and novel ways of taking the power the standard library of Bootstrap has, and transform it into what you have envisioned.

This is a practical, step-by-step guide to extending Bootstrap. It covers all the aspects of extending Bootstrap, including themes, customization, extending its plugins, and an introduction to several third- party Bootstrap plugins.

Once you understand why you should use Bootstrap in the first place, you will learn about custom themes. This book then walks you through customization with CSS, and introduces you to LESS. You will learn to use Grunt.js to generate your own custom build of Bootstrap, customize plugins and grids, and even build custom plugins! Finally you will explore the most useful third-party plugins for Bootstrap and end with creating your first Bootswatch theme. This is a complete guide to unlocking the true power of Bootstrap.

Table of Contents

Chapter 1: Getting Started with Bootstrap
Why use Bootstrap?
Bootstrap pros and cons
Creating your first Bootstrap project
Summary
Chapter 2: Applying a Custom Theme
When to use a theme
Finding a suitable theme
Applying the theme
Customizing your theme
Best practices
Summary
Chapter 3: Creating Your Own Build
Need to customize Bootstrap
Generating a custom build
Keeping only what you need
Summary
Chapter 4: LESS is More
Why use LESS?
Compiling your first LESS file
Building Bootstrap from the source
Customizing variables
Summary
Chapter 5: Compiling Your Styles with Grunt
Why build LESS files with Grunt?
Using Grunt to build your project
Using Grunt for live reloading
Summary
Chapter 6: Adapting Bootstrap JavaScript Plugins
Why customize plugins?
Customizing plugins
Extending Bootstrap plugins
Summary
Chapter 7: Custom Grids
Why use a custom grid?
Customizing the grid
Custom breakpoints
Disabling responsiveness
Summary
Chapter 8: Custom Bootstrap Plugins
Why use custom plugins?
Popular plugins
Summary
Chapter 9: Creating Your Own Theme
Why create a theme?
Creating your own Bootstrap theme
Publishing your theme
Summary

What You Will Learn

  • Create your first Bootstrap project
  • Customize your project with themes through CSS
  • Use Bootstrap with LESS
  • Build a custom build with Grunt.js
  • Customize and extend JavaScript plugins
  • Utilize third- party plugins such as Lightbox, Notify.js, and so on

Authors

Table of Contents

Chapter 1: Getting Started with Bootstrap
Why use Bootstrap?
Bootstrap pros and cons
Creating your first Bootstrap project
Summary
Chapter 2: Applying a Custom Theme
When to use a theme
Finding a suitable theme
Applying the theme
Customizing your theme
Best practices
Summary
Chapter 3: Creating Your Own Build
Need to customize Bootstrap
Generating a custom build
Keeping only what you need
Summary
Chapter 4: LESS is More
Why use LESS?
Compiling your first LESS file
Building Bootstrap from the source
Customizing variables
Summary
Chapter 5: Compiling Your Styles with Grunt
Why build LESS files with Grunt?
Using Grunt to build your project
Using Grunt for live reloading
Summary
Chapter 6: Adapting Bootstrap JavaScript Plugins
Why customize plugins?
Customizing plugins
Extending Bootstrap plugins
Summary
Chapter 7: Custom Grids
Why use a custom grid?
Customizing the grid
Custom breakpoints
Disabling responsiveness
Summary
Chapter 8: Custom Bootstrap Plugins
Why use custom plugins?
Popular plugins
Summary
Chapter 9: Creating Your Own Theme
Why create a theme?
Creating your own Bootstrap theme
Publishing your theme
Summary

Book Details

ISBN 139781782168416
Paperback88 pages
Read More

Read More Reviews

Recommended for You

Bootstrap Essentials Book Cover
Bootstrap Essentials
$ 23.99
$ 10.00
Bootstrap 4 Site Blueprints Book Cover
Bootstrap 4 Site Blueprints
$ 39.99
$ 10.00
Web Development with Bootstrap 4 and Angular 2 - Second Edition Book Cover
Web Development with Bootstrap 4 and Angular 2 - Second Edition
$ 39.99
$ 10.00
Bootstrap 4 By Example Book Cover
Bootstrap 4 By Example
$ 35.99
$ 10.00
Bootstrap Site Blueprints Volume II Book Cover
Bootstrap Site Blueprints Volume II
$ 39.99
$ 10.00
Responsive Web Design with HTML5 and CSS3 - Second Edition Book Cover
Responsive Web Design with HTML5 and CSS3 - Second Edition
$ 31.99
$ 10.00