Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

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
216,120 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

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