Extending Bootstrap


Extending Bootstrap
eBook: $13.99
Formats: PDF, PacktLib, ePub and Mobi formats
$11.90
save 15%!
Print + free eBook + free PacktLib access to the book: $36.98    Print cover: $22.99
$34.89
save 6%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Overview
Table of Contents
Author
Reviews
Support
Sample Chapters
  • 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

Book Details

Language : English
Paperback : 88 pages [ 235mm x 191mm ]
Release Date : March 2014
ISBN : 1782168419
ISBN 13 : 9781782168416
Author(s) : Christoffer Niska
Topics and Technologies : All Books, Application Development, Web Development, Open Source


Table of Contents

Preface
Chapter 1: Getting Started with Bootstrap
Chapter 2: Applying a Custom Theme
Chapter 3: Creating Your Own Build
Chapter 4: LESS is More
Chapter 5: Compiling Your Styles with Grunt
Chapter 6: Adapting Bootstrap JavaScript Plugins
Chapter 7: Custom Grids
Chapter 8: Custom Bootstrap Plugins
Chapter 9: Creating Your Own Theme
Index
  • Chapter 4: LESS is More
    • Why use LESS?
    • Compiling your first LESS file
    • Building Bootstrap from the source
    • Customizing variables
    • 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
      • Bootbox.js
      • Bootstrap DateTime Picker
      • Bootstrap Modal
      • Bootstrap Lightbox
      • Bootstrap Wysihtml5
      • Font Awesome
      • Jasny Bootstrap
      • jQuery File Upload
      • Notify.js
      • typeahead.js
      • X-editable
    • Summary

Christoffer Niska

Christoffer Niska is a web developer from Helsinki, Finland. He maintains many open source projects that are mainly extensions of the Yii PHP framework. Christoffer's most notable open source effort is Yiistrap, which is an extension for Yii that allows developers to use Twitter Bootstrap along with Yii in a very convenient way.

Christoffer is the CTO at Nord Software Ltd., a company based in Helsinki that delivers cutting-edge web solutions to various clients of all sizes. At work, he helps clients to transform their vision into reality. During his hours off from work, he maintains his open source projects, experiments with web technologies, and makes arcade games using HTML5 and JavaScript.

Christoffer's Twitter handle is @Crisu83 and his online portfolio can be found at http://crisu83.me. Extending Bootstrap is his first official attempt at writing and very likely, not the last.

Code Downloads

Download the code and support files for this book.


Submit Errata

Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.


Errata

- 1 submitted: last submission 21 Jul 2014

Errata type: Technical | Page no.: 35

Point number 2 on page 35 is:
@brand-color: #bada55;

It should be:
@brand-primary: #bada55;

 

Sample chapters

You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

Frequently bought together

Extending Bootstrap +    Bootstrap Site Blueprints =
50% Off
the second eBook
Price for both: $29.95

Buy both these recommended eBooks together and get 50% off the cheapest eBook.

What you will learn from this book

  • 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.

Approach

Practical and instruction-based, this concise book will take you from understanding what Bootstrap is, to creating your own Bootstrap theme in no time!

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.

Code Download and Errata
Packt Anytime, Anywhere
Register Books
Print Upgrades
eBook Downloads
Video Support
Contact Us
Awards Voting Nominations Previous Winners
Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
Resources
Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software