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.

Extending Bootstrap

Progressing
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.
$13.99
$22.99
RRP $13.99
RRP $22.99
eBook
Print + eBook
$12.99 p/month

Get Access

Get Unlimited Access to every Packt eBook and Video course

Enjoy full and instant access to over 3000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

+ Collection
Free Sample

Book Details

ISBN 139781782168416
Paperback88 pages

About This Book

  • Learn to use themes to improve your user experience
  • Improve your workflow with LESS and Grunt.js
  • Get to know the most useful third- party Bootstrap plugins

Who This Book Is For

If you are an intermediate front-end developer or designer who wants to learn the secrets of Bootstrap, this book is perfect for you.

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

In Detail

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.

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