Bootstrap provides a UI design decision "out of the box". If you don't have a designer, want to BOOTSTRAP your project, you will want to use bootstrap. It's great.
Foundation to me is more of a base css framework. You don't have (m)any visual styles out of the box (though it does contain certain styles) which is great when you need to create HTML/CSS to match a concept provided to you.
I love foundation and bootstrap, but to me they both offer two very different things.
Others have mentioned it, but for those looking for much less than Bootstrap/Foundation offer, there is always skeleton[0], which is a very lightweight grid and only a little more. There is also a SASS port[1], or my fork[2] which handles more like the original Skeleton.
I'd have to go with Bootstrap because it just seems to offer more. I extensively use their buttons, warning styles, etc. and it's just better to have those already in the framework just in case. Also on the Foundation website I can't seem to find examples of their typography, buttons and other UI elements.
Zurb's developer Mark went Twitter and used the Foundation codebase for Bootstrap... and now claiming to be the creator of Bootstrap. In case if anyone missed, recent note from Zurb in HN: http://news.ycombinator.com/item?id=4588826 Edit: And, Mark's defense http://news.ycombinator.com/item?id=4590315
I think that's an oversimplification. Either way, a quick look at the source shows that they are quite different now. In my opinion zurb has the more sophisticated grid system but doesn't support IE7, and the UI javascript is not nearly as polished as bootstrap's (some jQuery spaghetti in places). Bootstrap, while having more stable UI components, is visually opinionated and difficult to rebrand, where zurb is generic by design. If I had to pick one or the other to build a web application on, I would use the zurb grid system and write my own UI components with liberal borrowing from bootstrap's javascript. If you are hacking together a weekend project, use bootstrap.
Zurb's developer Mark went Twitter and used the Foundation codebase for Bootstrap... and now claiming to be the creator of Bootstrap. In case if anyone missed, recent note from Zurb in HN: http://news.ycombinator.com/item?id=4588826 Edit: And, Mark's defense http://news.ycombinator.com/item?id=4590315
I think that's an oversimplification. Either way, a quick look at the source shows that they are quite different now. In my opinion zurb has the more sophisticated grid system but doesn't support IE7, and the UI javascript is not nearly as polished as bootstrap's (some jQuery spaghetti in places). Bootstrap, while having more stable UI components, is visually opinionated and difficult to rebrand, where zurb is generi…
That's been my view of the two. I prefer Zurb because I know enough CSS now to extend and leverage the framework more and I find Foundation is lighter weight and more flexible and extensible than Bootstrap is. Bootstrap feel more "opinionated" but the javascript components are really, really well written though those are arguably completely portable.
I've got a pull request open to Foundation right now to add some vertical rhythm to their typography if anyone is interested.
A 5 for the article, and a 7 for the comments. BTW, I myself is a Foundation user, mainly because of its better responsive design.
I'm not a designer but I've been trying to learn more about design stuff and I'm still trying to get a grip on responsive design stuff.
Can you tell me a little bit about why you prefer Foundation's responsive grid system over Bootstrap's? I just started using Foundation 3 for a personal project, but I picked it basically because it's developed on Sass and I already know and am comfortable with Sass.
Also, I'd love to know if anyone has any experience using Susy grid system on Sass and how it compares to Foundation and Bootstrap grid systems. I found Susy a little more difficult to get started with because their documentation isn't very good and because I don't yet have a good grasp on how to design for a responsive grid.
My team compared Bootstrap, Foundation, and Skeleton in detail: http://responsive.vermilion.com/compare.php We built the same layout (a real client project) in each framework and compared notes. That process really helped us understand the differences.
This was an easy decision for me a while back. As a non-designer, Bootstrap just gives me way more stuff out of the box. I wouldn't know where to start without it. Even if you use all of Foundation (2)'s add-ons, it still doesn't even compare with core Bootstrap, not counting Bootstrap's add-ons. With bootstrap's popularity, it's really easy to find an article explaining how to integrate it with your framework of choice. I feel for most non-designers this is the deciding factor.
Of course since f3 is almost the same as bootstrap now, I think it's more about personal taste.
As someone who just wants to get as much as possible out of the box, Bootstrap is the one that seems to have the momentum, which leads to more 'extras' and goodies, and more people making sure it works.
I commented on the post, but I wanted to add that bootstrap has a larger ecosystem. I think that is really what will carry it forward. My company makes tools for bootstrap (specifically Jetstrap), and I'm confident the ecosystem will solve some of the dangling problems like helping more people customize the default theme.