Flex Container vs Container

What’s the difference? Why wouldn’t you just use a Flex Container for anything and everything. When would you need just a container?

Any docs to explain this?

Can’t find any.

Thanks,

Ash

You can find the explanation in Bootstrap docs:

2 Likes

Have a look at the first four videos in this playlist

2 Likes

None of those things explain what I mean.

If I used a container > row > column (A) versus flex container (B) I can literally do anything in both. What is the point of a flex container module if container > row > column (A) does the exact same thing?

You can literally never need flex container ever. By the look of the code using (B), it converts the code to flex anyways.

In the video Ben mentioned that explains a Flexbox he literally compares both ways above and there’s no difference. They’re both the exact same! The entire video on a Flexbox and didn’t mention why you’d even use one over the (A) example above.

I’m struggling to understand why you’d use B over A or A over B if you can make the exact results with either.

Please explain :slight_smile:

P.S if they’re your videos Ben you’ve done fantastic, and they’re super helpful. I just like to know why we use certain things over others.

You cant use the flex properties on the regular container. The .container class, i.e. the regular container uses display: block; and you can’t use the flex properties on it.

Not sure what the problem is? In the world of web development there are always lots of different ways to do the same thing, often it’s just a matter of choice although when dealing with relative alignment a flex container can be easier and more flexible in it’s options.

3 Likes

@Teodor ah that makes sense, thanks :slight_smile:

@Hyperbytes Ah I’ve come from Bubble so I’m not sure if there’s a right/correct way of doing things on Wappler that’s all :slight_smile: