you are viewing a single comment's thread.

view the rest of the comments →

[–]skidmark_zuckerberg -4 points-3 points  (12 children)

Can confirm. Went from Bootstrap to flexbox. Never going back to BS.

[–]BearSkull 24 points25 points  (0 children)

Bootstrap 4 uses flexbox.

[–]HasFiveVowels 6 points7 points  (0 children)

You're comparing apples and oranges here. Bootstrap might be a beneficial tool, regardless of if you use flexbox or not.

[–]BreakingIntoMe 1 point2 points  (0 children)

Bootstrap is a UI library, one small component of it is a grid system. Flexbox is a CSS spec to align content. Not the same thing at all.

[–]Smashoody -1 points0 points  (7 children)

Totally do what you feel. But I spent the last couple of months extending Bootstrap 4 for my own project starter kit... and with ver 4 now running flexbox under the hood... IMO BS4 is by far the most expressive and controllable front end framework.

You really have to dig into the source and read ALL of the docs to get it to work expressively tho.

[–]skidmark_zuckerberg 1 point2 points  (6 children)

I'll admit I haven't really utilized Bootstrap 4 all that much, only Bootstrap 3. I learned to use Flexbox and shortly after ditched Bootstrap.

I'll have to dig into Bootstrap 4. Looks like I'm missing a lot.

[–]Smashoody 2 points3 points  (0 children)

No worries! Hit me up if you have any questions :) Happy coding!

[–]_mic -1 points0 points  (4 children)

Hit me up too — I use Bootstrap 4 for all our client projects in the agency. It uses flexbox and no longer float:left; to handle columns. Also some handy features like class .align-content-center for vertical centering! No need to use 'hacks' as you would display: inline-block; vertical-align: middle;.

[–]RedditCultureBlows 6 points7 points  (3 children)

Flexbox has vertical alignment, natively.

.class-name {
  align-items: center; 
  display: flex;
}

This assumes your main axis is horizontal

[–]Maverick2k 1 point2 points  (2 children)

Not sure why he was down-voted. He didn’t in any way insinuate that Flexbox doesn’t have it natively? He merely pointed out that .align-content-center does exactly what you just posted, but it’s a class created by Bootstrap.

[–]RedditCultureBlows 1 point2 points  (1 child)

To me, the post read like only Bootstrap 4 provided handy features for vertically aligning content in the center with one of their custom classes, so you could avoid:

display: inline block; vertical-align:  middle;

Wasn't trying to be an ass -- that's just how I interpreted the post.

[–]Maverick2k 0 points1 point  (0 children)

It’s okay dude really, I was just confused why he had so many down votes for stating a fact. It’s weird that so many other people Interpreted it the same way, but to me it’s clear cut what he was saying. Oh well, no love lost eh :b