Coder Perfect

[closed] Flexbox vs. Twitter Bootstrap (or a comparable framework)


When I was seeking for a way to make divs the same height dependent on the highest one, I came upon Flexbox.

The following page on convinced me that flexbox is a very useful module to master and use. However, it made me think about how Twitter Bootstrap (and comparable frameworks) have grid systems that perform similar functions (+, of course, a lot more).

Now the question is, what are the advantages and disadvantages of flexbox? Is there anything that Flexbox can’t do that a framework like Bootstrap can (of course, only in terms of the grid system)? Which one is more efficient when used on a website?

I’m presuming it’s better to utilize flexbox just for the grid system, but what if you’re already using a framework? Is there anything flexbox can add?

Is there a reason to prefer flexbox’s “grid system” over that of a framework?

Asked by Rvervuurt

Solution #1

Flexbox is superior to bootstrap for a number of reasons:

The only reason I would choose bootstrap over flex-box is due to a lack of browser support (mostly in Internet Explorer) (die already). Even though Chrome and Safari both use the same webkit engine, they sometimes behave differently.


BTW if the only problem you are facing is the equal height columns, there are quite a few solutions for that:

Edit 2:

Check out for more information. On how flex-box works, see

Edit 3:

Edit 4:

Answered by ctf0

Solution #2

I’ve never used Flexbox (though I’ve heard good things about it), but I’m a Bootstrap frontend developer. Before making a final decision, I recommend that you test Flexbox printing pages. You’re aware… When I have to design print formats, printing styles may be a real pain, and Bootstrap comes in handy.

Answered by kurroman

Solution #3

I’m afraid you missed out on another CSS trick:

That isn’t to say you shouldn’t attempt, but think again. In the end, it all depends on the necessary browser support.

Answered by Kout

Post is based on