Описание тега grid-system

О грид-системе:

Основная идея дизайна на основе сетки - это прочный визуальный и структурный баланс веб-сайтов, которые вы можете создавать с их помощью. Сложные структуры макета предлагают большую гибкость и улучшают визуальное восприятие посетителей. Фактически, пользователям легче следить за согласованностью страницы, а разработчики могут обновлять макет хорошо продуманным и согласованным способом. Однако довольно сложно разобраться во всей теории, лежащей в основе сеточных систем: это совсем непросто. Некоторые важные понятия и связанные с ними ключевые факты могут помочь изучить основы и помнить об основных методах.

Система сеток состоит из следующих ключевых понятий.

• контейнер
• Ряд
• Столбец
• желоб

Контейнер

Контейнер действует как обертка для строки. Контейнер имеет определенные свойства ширины, фиксированные или подвижные (100%) в зависимости от требований конструкции.

Ряд

Название только предполагает использование и поведение компонента. Сама строка является оболочкой для столбцов. В сеточной системе возможно несколько рядов. это компонент уровня строки, который содержит количество ячеек (столбцов). В идеале ширина строки равна ширине контейнера.

Столбцы

Это компонент уровня ячеек, обычно сетка определяется на основе количества столбцов, например, сетка из 12 столбцов, сетка из 16 столбцов и т. Д.

Столбцы - это вертикальные ячейки, которые размещаются внутри строки, ширина общих столбцов и общее количество желобов должны занимать всю ширину строки.

Желоб

Промежуток - это пространство между двумя столбцами, в идеале он разделяет два столбца с заданной шириной в системе сетки. желоба меньше единицы на общее количество столбцов. например, для если в сетке 12 столбцов, то между 12 столбцами будет 11 желобов.