Menu icon Foundation
Foundation 5 -v- Bootstrap 3 Infographic

Yesterday I happened to notice Designmodo posted an infographic comparing Foundation & Bootstrap. The authors are Bootstrap users (their template framework "Startup" is built around Bootstrap.

http://designmodo.com/bootstrap-vs-foundation/

Designmodo is fairly well trafficked and indexed; with the number of times this search gets posted, I have no doubt that people will stumble on this infographic quite frequently.

I feel this infographic is quite inaccurate in the way it frames Foundation, with a bias towards Bootstrap.

It suggests things like Bootstrap having an XL option which Foundation certainly has. It claims Bootstrap includes "extensive UI elements" while Foundation has a "compact" selection. It accurately notes Foundation is EM-based, but implies that it's not pixel-based while Bootstrap is.

I've used both frameworks and although I'm certainly not expert (web design is not my full-time job), I felt it would be good to alert the community to this comparison so that people more versed in Foundation could reply.

Foundation 5Bootstrap

Yesterday I happened to notice Designmodo posted an infographic comparing Foundation & Bootstrap. The authors are Bootstrap users (their template framework "Startup" is built around Bootstrap.

http://designmodo.com/bootstrap-vs-foundation/

Designmodo is fairly well trafficked and indexed; with the number of times this search gets posted, I have no doubt that people will stumble on this infographic quite frequently.

I feel this infographic is quite inaccurate in the way it frames Foundation, with a bias towards Bootstrap.

It suggests things like Bootstrap having an XL option which Foundation certainly has. It claims Bootstrap includes "extensive UI elements" while Foundation has a "compact" selection. It accurately notes Foundation is EM-based, but implies that it's not pixel-based while Bootstrap is.

I've used both frameworks and although I'm certainly not expert (web design is not my full-time job), I felt it would be good to alert the community to this comparison so that people more versed in Foundation could reply.

Rafi Benkual over 5 years ago

Certainly a lot of this information about Foundation is old. You pointed out some of the discrepancies. To add to what you said, Foundation actually has more UI elements. Also it is built on Rems not so much ems.

Also I would argue that using a Framework helps team collaboration.

See Alina's answer here
http://zurb.com/tavern/questions/when-are-frameworks-necessary-and-when-do-they-hurt-more-than-help

<3

TiffanyMoore over 5 years ago

@Rafi,
I agree.

I think it would be hard to debate that Foundation has more intrinsic UI elements. I almost wonder if it's lack of familiarity with Foundation, or the author is basing this on community additions (which certainly would be misleading the way it's written).

Re: Collaboration, I agree as well. I felt like that point was accidentally placed on the wrong side of the infographic.

To me, the more standardized the foundation (lowercase "f", as in, what you're building up from), the easier for team members to be on the same page. The more proprietary the design, the larger the learning curve for collaboration, or "getting everyone on the same page". When I read that I felt a little naive as it caused me to think "I've probably been doing something wrong all these years" .

Re: em's, that was a typo, they did in fact note rem's.

MATT MAGGEW over 5 years ago

That's a pretty graph.

Foundation FTW!

Ahnaf Abid Khokon almost 5 years ago

I got a fantastic article to solve the problem http://khokonlive.com/foundation-vs-bootstrap