Какую сетку лучше использовать на 320px?

Question

[RafisDesigner]

Какую сетку лучше использовать на 320px? В bootstrap нет такого разрешения. Я использую 1920 и 768 px bootstrap 4, а какую сетку использовать на 320px? Сколько колонок и каких размеров вы используете под 320px? Помогите, пожалуйста, новичку!

Comments

[Rustam Bainazarov]

Что это вообще значит? Какой дизайн — столько и колонок.

Умещаются элементы в одну колонку — делаю в одну, умещаются в две — делаю в две, в три — делаю в три.

[WapSter]

Ну как большинство верстальщиков руками, "НИКАКУЮ". Я конечно не дружу с bootstrap, но что-то сомневаюсь, что его сетка не работает при вьюпорте в 320пх.

Сколько колонок и каких размеров вы используете под 320px?

- зависит от макета, и обычно с flex, а в bootstrap 4 более чем уверен flex, никакая сетка не нужна.

[Rustam Bainazarov]

Тимур Турсунбаев, наличие сетки зависит от дизайна. Сетка позволяет достичь однородности, поэтому она используется очень часто Она может быть и не просто колоночной, кстати. Использовать ли её — зависит от дизайна и задачи. Как разработчики мы уже вынуждены придерживаться дизайну. Если там есть сетка, то её стоит использовать.

[WapSter]

Рустам Байназаров, безусловно используется, но уже не в том виде как привыкли видеть ее в bootstrap. Скорее сейчас она достаточно часто строится на ходу и даже сеткой в привычном виде назвать сложно.

[Rustam Bainazarov]

Тимур Турсунбаев, Bootstrap-сетка, да, очень простая. С точки зрения дизайна можно сделать сетку, которая будет обслуживать как 12 колонок, так 5, 3, 9 колонок одновременно. Просто там будет куча доп. направляющих.

Но автору этого, конечно, лучше пока не знать :))

[RafisDesigner]

Рустам Байназаров, Ого, интересно O_O

Мне сетку нужна только для верстальщика) А так на 320 я могу и вовсе без сетки, выравнивая блоки по центру. Вертсальщик сказал погугли bootstrap 4 на 320)

[Rustam Bainazarov]

RafisDesigner, да, вы можете спокойно и без сетки жить, а можете начать с сетки Bootstrap 4.

Answer 1

[RafisDesigner]

Решение. Сделать макет на 320px и поставить направляющие по 15px слева и справа. В данной области и работать

Answer 2

[Виталий Кузнецов]

320 это одна колонка ))) 768 это 2-3 колонки, 992 это 3 колонки, 1200 может вместить 4.

Это если прям очень абстрактно. Всё зависит от макета.

Сетка bootstrap 4 на 320 это col-12 )))