DEV Community

Flexbox changed my life, bye bye boostrap

Manan Gouhari on March 15, 2020

How do you build houses with Flexbox? Manan Gouhari ・ Mar 22 '20 ・ 4 min read #css ...
Collapse
 
thechrisjasper profile image
Chris Jasper • Edited

I get what you are saying but Bootstrap is a poor choice for solving the two major reasons you listed in the first place. While it does contain layout and responsiveness utilities, that is not the main goal of the project. I'm also primarily a backend developer. I agree that the base style of Bootstrap is not exactly attractive, it is extremely easy to override for your specific design. The major benefit I find is the unified style across my entire sites instantly. I've found that on our projects with multiple devs where preference can vary wildly, Bootstrap adds a bit of sanity and forces a consistent look and feel.

Collapse
 
manangouhari profile image
Manan Gouhari

I see what you mean. In your case Bootstrap definitely does the job. But my use cases are different coz I don't usually work in teams consisting bunch of people yet, still on the learning journey.
Again, thanks for pointing out those very valid points.

Collapse
 
pcvonz profile image
Paul

Have you tried CSS grid? That's a real 🤯

Collapse
 
manangouhari profile image
Manan Gouhari

Yes, I feel the grid is better for sections of layout, not the whole. For example, if I had to display my projects in a grid as a card on my portfolio, I would end up using grid over flexbox.

Collapse
 
adisreyaj profile image
Adithya Sreyaj

Flex for Life ♥️

Collapse
 
rosskenney profile image
Ross K • Edited

Bootstrap 4 uses flexbox for its grid. If you check out the sass files, you can pull out just that. I think it is helpful to go through and understand the underlying code that makes up the framework. I also like the reset they use which is a customized version of normalize. Those two things are all you need.

Collapse
 
manangouhari profile image
Manan Gouhari

Oh, to be honest I hadn't considered that. Maybe will try.

Collapse
 
maditya profile image
Aditya Menon

Wes Boss has a lovely free course called What the Flexbox. Check it out!

Collapse
 
manangouhari profile image
Manan Gouhari

Yes, I just found out about it today, it's so amazing.

Collapse
 
duanecreates profile image
Duane Chetcuti

I feel in a similar position!

Collapse
 
nieuwepixels profile image
Nieuwe Pixels

Look into kindling on Github. An extendable boilerplate SCSS to customize to your needs.
I've built my in-house framework on top of it.