Делаю дизайн под бутстрап. Какова будет ширина колонки col-**-1 и отступ между ними на мониторах следующих разрешений: 320x480, 1024x768...?

Question

[larka_skaz]

Делаю дизайн под бутстрап. Какова будет ширина колонки col-**-1 и отступ между ними на мониторах следующих разрешений:
-320x480
-1024x768
-1366x768
-1600x1024
?
Я запуталась, подскажите пожалуйста.

Comments

[Сергей delphinpro]

100% на мобильных
1/12 (~8.3%) на остальных

[larka_skaz]

Сергей, Не подскажите для корректной вёрстки сколько версий разного размера нужно сделать?

[ой всё]

larka_skaz, честно говоря, делают две версии - экран компьютера и экран телефона, максимально в районе 1200рх, плюс медиа для маленьких экранов
вот эти ваши 4 варианта - это тихий ужас, тем более, что интернет просматривают как газетные колонки, сверху вниз, а не водят пальцем, как в азбуке, по всей ширине экрана
тут еще есть вопрос usability - пользователям не приходится привыкать к разным расположениям компонентов, они учатся только один раз, максимум два

[larka_skaz]

AnneSmith, спасибо, я подозревала что рисовать кучу макетов не нужно )

[ой всё]

larka_skaz, вы знаете, может быть и нужно :)
если клиент платит, то отчего бы и не нарисовать ))
но в норме, конечно, прежде всего думают о целесообразности

[zoozag]

larka_skaz, Все зависит от самого макета. Некоторые макеты верстальщику легко адаптировать под разные экраны самому, без дополнительных макетов. Но иногда встречаюся трудные места, где не помешала бы помощь дизайнера.

Раньше обычно хватало 3 вариантов макета:
1. Под телефон (к примеру iPhone)
2. Под планшет (к примеру iPad)
3. Под десктоп 1366px в ширину

Сейчас все больше десктопов с высоким разрешением. 1920, 2560 и даже 4к.
Для них тоже неплохо бы сейчас прикидывать макет, особенно если используется резиновый, а не фиксированный контейнер страницы.

Answer 1

[Владимир Мирка]

iwsm.ru/blog/show/izuchaem-setochnuyu-sistemu-bootstrap