Bootstrap vs Foundation 4 6 vs FlexBox?

Good day!

I'm interested in the opinion in the first place the people who work either with Bootstrap or Foundation, or FlexBox.

The task is simple. It is necessary to impose relatively simple and easy pattern and pull it into the engine.

Delema is that the pattern will gradually be refined to improve, modernize, therefore, most interested in the question of scaling.

The second main quality of the tool is simplicity, ease and speed of development. I would not want to get lost in the huge number of classes, etc.

To be honest I look in a net FlexBox, but judging by the topics on the Internet Bootstrap and Foundation is also a good helper in this case.

What can you recommend?
July 9th 19 at 10:03
8 answers
July 9th 19 at 10:05
Bootstrap
July 9th 19 at 10:07
Foundation is more flexible, it is easier to use for semantic markup, which is well written in the documentation:
.container {
 @include grid-row;
}
.main-content {
 // Use a custom fraction (20%)
 @include grid-column(1 of 5);
}

And again. 6th version allows you to do the mesh just on the flake
Yes, FlexBox was to maintain 6 as Foundation and Bootstrap 4. But Bootstrap for a couple of years in the alpha version, and I'm not sure what would be the best solution to use it in the alpha. - Beaulah12 commented on July 9th 19 at 10:10
: Alpha is clearly not worth it. And choose the task. If you need extensive customization may frameworks generally unnecessary. Or choose their individual components. In Bootstrap it is easier, Foundation some modules are not isolated. For Bootstrap also more kinds of plug-ins and q & - Jackie commented on July 9th 19 at 10:13
Made 20 pieces in bootstrap and 2 Fundacine (3 and 5 versions, respectively).
Bootstrap is easier because of the greater number of ready-made solutions. But I like to do on fundacine. Now made a choice in favor of Fundacen 6.3.1 - Cleve34 commented on July 9th 19 at 10:16
July 9th 19 at 10:09
Delema is that the pattern will gradually be refined to improve, modernize, therefore, most interested in the question of scaling.


Verstaile themselves, though flexbox, though floatage. Frameworks you will limit. These frameworks are designed for rapid prototyping and admins. For sites better not to use.
July 9th 19 at 10:11
Simple and easy?
if you only need the mesh, in my opinion, then you are in the side flexbox, its support is improved

also recently stumbled upon
https://www.youtube.com/playlist?list=PLvWwA9iDlhH...

cool new project I'll try to make it
could be kind of cool, except that the margins between the columns no one noticed https://www.youtube.com/watch?v=gHgjVle4-h0

tried 3-4 flex grid, and they are also guilty of this when it is offset.
1 line is not exactly, and second, especially blocks 4, 3, take a look - Beaulah12 commented on July 9th 19 at 10:14
: what do you mean by "spacing between columns"?
$gutter-width: 20px; default
you can override its value - Jackie commented on July 9th 19 at 10:17
in the video between the speakers first then https://www.youtube.com/watch?v=gHgjVle4-h0 and then after the offset here https://youtu.be/gHgjVle4-h0?t=879 - Cleve34 commented on July 9th 19 at 10:20
Yeah, I saw. After changed the order of columns. Swam the distance between them - kayla.Upton commented on July 9th 19 at 10:23
July 9th 19 at 10:13
one is not enough for FlexBox layout
it is necessary to use position - abs Rel fix
July 9th 19 at 10:15
Best practice bootstrap
July 9th 19 at 10:17
in terms of ease and scalability to me more like uikit, there is Flex, all the necessary plugs as needed, and is not all together in the bootstrap, a lot of css animations from under boxes and lots of other Goodies
July 9th 19 at 10:19
there is such a thing as material design lite

Find more questions by tags CSSFlexboxHTMLBootstrap