Generate buttons for Twitter Bootstrap 2.x on the fly. Enter your html color code (hexadecimal) and get three variations of buttons (dark, light, spin).

Note: To generate buttons for Twitter's Bootstrap 3 use this generator.


Your button (lighten):

Add the following CSS below bootstrap(.min).css and apply the class btn-custom-lighten to any button (or other element) on your site that you want to have these colors.

(active)
(disabled)

Your CSS code:


Copied text to clipboard

Your button (darken):

Add the following CSS below bootstrap(.min).css and apply the class btn-custom-darken to any button (or other element) on your site that you want to have these colors.

(active)
(disabled)

Your CSS code:


Copied text to clipboard

Your button (spin):

Add the following CSS below bootstrap(.min).css and apply the class btn-custom-spin to any button (or other element) on your site that you want to have these colors.

(active)
(disabled)

Your CSS code:


Copied text to clipboard

references/tools:

Other generators:

Useful links:

Contact:

Send improvements and suggestions to @bassjobsen