Few Useful Links About How to Customize Bootstrap
Table of Contents
Introduction
You start using Bootstrap and notice you want to customize it. This blog shows a few tips and information about how to customize Bootstrap.
Tools
-
http://getbootstrap.com/customize/ Not flexible, not good to maintain.
-
http://bootstrap-live-customizer.com/ Very simple to use as an online service to customize.
-
http://pikock.github.io/bootstrap-magic/app/index.html#!/editor Same as the above bootstrap-live-customizer.com.
-
Edit the bootstrap.css directly (bad) Don't do this.
-
Modify the Bootstrap project, Less files, and have your own version of the Bootstrap source code. This is a good choice. You can customize the Bootstrap Less variables yourself and have version control of it. Whenever a new Bootstrap version comes out, you can merge the latest changes and build your own Bootstrap CSS.
Articles
http://www.smashingmagazine.com/2013/03/12/customizing-bootstrap/
Conclusion
Among the various approaches to customizing Bootstrap, maintaining your own fork of the Bootstrap source with customized Less variables offers the best balance of flexibility and maintainability. Avoid editing bootstrap.css directly, as your changes will be lost during upgrades.