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
My simple solution to prevent your site from looking "bootstrap-y" is to design a mockup of what you want to achieve first (in maybe photoshop or fireworks) then re-create that interface with bootstrap & make sure you use the design as a guide. Works every time.
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
I was using bootstrap on the site before. I kept tweaking it and realised I had to do a lot of tweaks to get it to a state I need. So I removed it in favour of custom design.
Thanks for the feedback. I'll style up the pricing page soon.
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.
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.
"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/
reply