Мы используем Bootstrap с настройками по умолчанию (т. е. 12 колонок с использованием фиксированного контейнера и 30-пиксельные промежутки между колонками). Мы также используем точки останова по умолчанию. Я хочу дать моим разработчикам программного обеспечения сетки, которые они могут использовать для устройств разных размеров, и, поскольку мы используем контрольные точки Bootstrap по умолчанию, у нас есть четыре размера: >=1200px, >=992px, >=768px и <768px. Для наименьшего размера я использую дизайн шириной 320 пикселей (iPhone5).
Очевидно, что как только мы доберемся до 768 пикселей, настройки Bootstrap по умолчанию больше не будут работать как сетки дизайна, но я не уверен, чем их заменить. Выбранная сетка должна иметь коэффициент 12, чтобы каждый столбец в сетке мог состоять из нескольких столбцов Bootstrap. Я думаю об использовании сетки из 4 столбцов для 768 пикселей и 2 столбцов для 320 пикселей, но буду рад любым предложениям по передовому опыту.
Не существует жесткого правила или «лучшего числа» для количества столбцов, используемых в дизайне для небольших экранов, таких как экран с разрешением 320 пикселей, о котором вы упоминаете.
Как правило, для этой ширины используются 1-2 столбца, так как это делает вещи читабельными и кликабельными, но это полностью зависит от дизайна и содержания каждого раздела в отношении того, какое количество столбцов использовать. При необходимости он может даже варьироваться от раздела к разделу, что очень распространено.
Хотя ограничений нет
В основном 4 столбца используются для мобильной адаптивной системы.
Он варьируется от устройства к устройству. Для лучшего понимания вы можете воспользоваться этой ссылкой .
Зак Сосье
Мартин К.