Bootstrap 4 vs Foundation 6 vs FlexBox?

Question

[SpideR-KOSS]

Добрый день!

Меня интересует мнение в первую очередь людей, которые работают либо с Bootstrap, либо с Foundation, либо с FlexBox.

Задача простая. Необходимо сверстать относительно простой и легкий шаблон и натянуть его на движок.

Делема в том что шаблон будет постепенно дорабатываться, улучшаться, модернизироваться, поэтому больше всего интересует вопрос масштабирования.

Второе главное качество инструмента - простота, легкость и скорость разработки. Не хотелось бы запутываться в огромном количестве классов и т.п.

Честно говоря сам смотрю в сторону чистого FlexBox, но судя по темам в интернете Bootstrap и Foundation тоже неплохие помощники в этом деле.

Что можете посоветовать?

Answer 1

[Андрей]

Делема в том что шаблон будет постепенно дорабатываться, улучшаться, модернизироваться, поэтому больше всего интересует вопрос масштабирования.

Верстайте сами, хоть флексбоксами, хоть флоатами. Фреймворки вас будут ограничивать. Эти фреймворки разработаны для быстрого прототипирования и админок. Для сайтов лучше не использовать.

Answer 2

[Владимир Грабко]

Bootstrap

Answer 3

[Kater-auf-Dach]

Foundation более гибок, его попроще использовать для семантической верстки, о чем хорошо написано в документации:

.container {
  @include grid-row;
}
.main-content {
  // Use a custom fraction (20%)
  @include grid-column(1 of 5);
}

И еще. 6я версия позволяет делать сетку как раз на флексах

Comments

[SpideR-KOSS]

Да, FlexBox стал поддерживать как Foundation 6, так и Bootstrap 4. Но Bootstrap уже пару лет в альфа версии, и я не уверен что будет правильным решением использовать его в альфе.

[Kater-auf-Dach]

SpideR-KOSS: Альфу явно не стоит. И выбирайте из задач. Если нужна широкая кастомизация, возможно, фреймворки вообще лишнее. Или выбирайте их отдельные компоненты. В Bootstrap это делается проще, у Foundation некоторые модули не изолированы. Для Bootstrap также больше всевозможных плагинов и вопросов-ответов

[Павел Мышкин]

Сделал штук 20 на бутстрапе и 2 на Фундейшене (3 и 5 версии соответственно).
Бутстрап проще из-за большего числа готовых решений. Но мне больше понравилось делать на фундейшене. Сейчас сделал выбор в пользу Фундейшена 6.3.1

Answer 4

[Александр]

Простой и легкий?
если вам нужна только сетка, на мой взгляд, тогда вам в сторону флексбокс, его поддержка улучшается

также недавно наткнулся на
https://www.youtube.com/playlist?list=PLvWwA9iDlhH...

крутая штука новый проект попробую на нем сделать

Comments

[Дмитрий Христоев]

может быть и круто, только вот на отступы между колонками ни кто не обратил внимание, https://www.youtube.com/watch?v=gHgjVle4-h0

пробовал 3-4 flex сетки, и они тоже этим грешат, когда идет смещение.
1 строка не ровно, и вторая, особенно блоки 4, 3, присмотритесь

[Александр]

Дмитрий Христоев: что вы имеете ввиду под "отступы между колонками"?
$gutter-width: 20px; по умолчанию
можно переопределить свое значение

[Дмитрий Христоев]

на видео между колонками сначала тут https://www.youtube.com/watch?v=gHgjVle4-h0 а потом после смещения тут https://youtu.be/gHgjVle4-h0?t=879

[Александр]

Дмитрий Христоев: Ага, увидел. После того как изменил порядок колонок. Поплыло расстояние между ними

Answer 5

[Anton Почти]

Лучшая практика бутстрап

Answer 6

[kiberlain]

в плане лёгкости и масштабируемости мне больше uikit нравится, есть флекс, всё нужное подключается по мере необходимости, а не идёт всё вместе как в бутстрап, множество css-анимаций из под коробки и много других вкусностей

Answer 7

[Дамир Давлетов]

есть такая штука как material design lite