Is there any way to work with CSS3 Flexbox and Bootstrap in the same project?
I mean, if I use CSS Flexbox code like this:
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
...
Everything goes great until I put the link to Bootstrap CSS file (or CDN). After that everything screw-up.
Thanks
Instead of implementing flexbox first then adding Bootstrap which, as you noted, can result in conflicting rules, try the reverse:
Use the Bootstrap framework, then use their implementation of flexbox.
Please have a look:
http://stackoverflow.com/questions/27599396/flexbox-vs-twitter-bootstrap-or-similar-framework
Of course, you can use both in a project. A lot of people is doing that. In fact for making equal height columns you can use flexbox in bootstrap. Check the code pen link below for better understanding.
http://codepen.io/ShuvoHabib/pen/pyXQNv
