Let's have an honest, frank discussion about Bootstrap and Foundation

[BenComicGraphics]

This is a discussion I’ve been wanting to write for a long time. It seems whenever Bootstrap or Foundation are brought up, both are immediately praised for single-handledly changing how front-end development is done. However, as many quickly go to lift both frameworks for their strengths, very few want to have an honest conversation about their weaknesses.

Every time I’ve presented a use-case that goes against Bootstrap’s grid system, I’m told Bootstrap still ‘allows’ using your own custom CSS(allows? How nice!), but with the addendum of “Why would you want to do something that doesn’t neatly fit into a 12-column grid anyways?”

The way I see it is this: I’m the developer. I facilitate the designer’s vision. If the designer has something that doesn’t fit in the grid, do I compromise the designer’s vision to fit my framework? From what most Bootstrappers say, the answer is a resounding “YES!”.

I’ve seen bootstrap developers, when facing a design that doesn’t neatly fit into their 12-column grid methodology freeze-up when facing a piece of design that doesn’t neatly fit into it. And, why is it a 12-column grid? Even down in mobile, why does MOBILE have a 12-column grid?

[Alen]

I’m the developer. I facilitate the designer’s vision. If the designer has something that doesn’t fit in the grid, do I compromise the designer’s vision to fit my framework?

Bootstrap is just a tool. Foundation is just a tool. They both have their own implementation of the grid. If something doesn’t fit, maybe you’re using the wrong tool. I’m not saying that there’s no room for compromise with the designer but…

The grid is just a concept.

Grids are often used in magazine design and in other situations where unpredictable graphic elements must be combined in a rapid and orderly way. — The Elements of Typographic Style

You’re thinking grid is a technical term, it’s about information architecture. Make up your own grid if the design requires it. Just solve the problem.

why does MOBILE have a 12-column grid?

Grid is responsive and it breaks down at smaller viewport size. It’s not 12-columns at XS size, unless you want it to be…

At the end of the day, different requirements and constraints dictate the outcome. You need to find the right balance and make the best out of it.

[Author]

Posts