Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Katia De Juan Bayona
Katia De Juan Bayona
6,757 Points
Posted by Katia De Juan Bayona
Katia De Juan Bayona
6,757 Points

Flex-grow vs Bootstrap columns?

Given the flexibility that flex-grow brings for building responsive layouts, is it a better solution and practice and use this property instead of combining Bootstrap columns with media queries?

When would you recommend to use one solution versus another one?

1 Answer

Steven Parker
Steven Parker
229,644 Points
Steven Parker
Steven Parker
229,644 Points

Try not to pick a fight with your framework.

When using a framework like Bootstrap, you should try to always do thing the "Bootstrap way". Otherwise you risk introducing some compatibility issues. I think the newer version of Bootstrap might use flexbox internally, but that's just incidental. The important thing is that Bootstrap provides its own column-based layout system using special class names, and you should stick to that if you're using Bootstrap at all.

On the other hand, if you're working without a framework, then flexbox is an extremely useful tool and has excellent browser support.

Katia De Juan Bayona
Katia De Juan Bayona
6,757 Points
Katia De Juan Bayona
Katia De Juan Bayona
6,757 Points

Thanks a lot, it is really helpful. ^_^