Twitter-Bootstrap buttons are awesomely beautiful. Try them out by scrolling over them
But they are limited in colors.
Is there any way I could change the base color of the button while keeping the beautiful hover-over effect that bootstrap has made so beautiful and effortless?
I am completely unaware of what the css/javascript looks like that twitter uses to maintain those effects.
Best Answer
I found the simplest way is to put this in your overrides. Sorry for my unimaginative color choice
Bootstrap 4-Alpha SASS
Bootstrap 4 Alpha SASS Example
Bootstrap 3 LESS
Bootstrap 3 LESS Example
Bootstrap 3 SASS
Bootstrap 3 SASS Example
Bootstrap 2.3 LESS
Bootstrap 2.3 LESS Example
Bootstrap 2.3 SASS
It will take care of the hover/actives for you
From the comments, if you want to lighten the button instead of darken when using black (or just want to inverse) you need to extend the class a bit further like so:
Bootstrap 3 SASS Ligthen
Bootstrap 3 SASS Lighten Example