As many of you pointed out, the problem are bootstrap's updates. Maybe a script that removes .border-radius and converts #gradient in plain color is better
Bootstrap 3 is actually headed towards a flatter look (a little like this), so buttons and the nav-bar don't have gradients in the newest version of Bootstrap by default.
"Sometimes a new project doesn't need rounded corners or gradients. So we decided to get rid of them. We <3 Bootstrap." http://www.littlesparkvt.com/flatstrap/
This goes even further than the flat/gradients debate and will also be useful for people who'd like to deeply customize bootstrap.
Customizing Bootstrap has always been a pain (and I'm not the only one to think this, in the words of @mdo : those who want to use Bootstrap as a bootstrap kind of get the short end of the stick), I'm very happy to see that they're looking to make this easier.
Nice yeah, but I think shadows for buttons will make it best. Also way make it with sass when bootstrap use less? That complicate retrofit it for older projects...
This is great! I was actually starting to build a similar tool to customize bootstrap styles, but I think I'll just start to use this one :)
Good work.
I like almost everything about bootstrap, except for it's button states...
They don't feel right. The 'hover' state should be the 'down'(active) state; the hover state looks like button is pushed in. The hover needs some kind of glow or subtle gradient change, then when the button is clicked it needs to look like it's pushed in. It's strange they've done this because the buttons on twitter.com feel correct and get pushed in like real life buttons.
Also the fade animation on the button totally unnecessary, it just animates for the sake of being animated, it doesn't serve a purpose. Animations need to serve a purpose, such as the Mac App store whizzing purchased apps into the dock.
Everything else is pretty fantastic, but those button states make my skin crawl, they're the first thing to get changed if I'm using bootstrap.
So...regular bootstrap but "flat" buttons? I like it, but it seems they just copied everything over including the "Built with Bootstrap" examples even though those are bootstrap and not Google Bootstrap. Even the "examples" are regular bootstrap.
Really just a bit different colors and making the buttons flat is all that is changed yet they have the entire site/examples.
Speaking of this, I built a tool using jQuery and Twitter Bootstrap itself that lets you customize the button's hue, saturation, lightness, and "puffiness". You can see it here: http://charliepark.org/bootstrap_buttons/.
Awesome, easier to trick around and make metro UI like web design.
Though I think this could be easible compiled directly from bootstrap, just by stripping rounded corners and gradients.
Or is there some other new ingredient?
One of the things I did on my Boostrap'd site, is to make the button corners sharp instead of rounded. That makes a big difference in making it look less Bootstrap'y. See fandalism.com
https://github.com/tagliala/bootstrap/commit/0b9d96517870009...
I removed gradients, shadows, round corners...
You did a step forward: button gradients!
As many of you pointed out, the problem are bootstrap's updates. Maybe a script that removes .border-radius and converts #gradient in plain color is better
reply