Problem
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 CSS-tricks.com 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.
Edit:
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 http://chriswrightdesign.com/experiments/flexbox-adventures/ for more information. On how flex-box works, see https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties.
Edit 3: https://kyusuf.com/post/almost-complete-guide-to-flexbox-without-flexbox
Edit 4: https://caniuse.com/#feat=flexbox
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 https://stackoverflow.com/questions/27599396/flexbox-vs-twitter-bootstrap-or-similar-framework