Grid list
Grid lists являются дополнением для компонента v-container, который добавляет контроль gutter между элементами.
Применение
Grid lists augment the v-container component to allow for greater flexibility with gutters. It comes in 5 variants, from xs to xl and can be dynamically changed.
API
Совместите элементы с базовым уровнем.
Выровняйте предметы по центру.
Совместите содержимое с центром.
Совместите содержимое до конца.
Совместите содержимое с пространством.
Совместите содержимое с пространством между ними.
Совместите содержимое с началом.
Выровняйте элементы до конца.
Выровняйте элементы до начала.
Укажите, чтобы отобразить элемент как flex/inline-flex/block и т. Д. Синтаксис - d- {type}. Например, d-flex.
Убедитесь, что высота элемента col заполняется родительским и дочерним. Важно для Safari / Firefox, если дети являются элементом столбца.
Удаляет контрольные точки размера viewport
Устанавливает gutter между элементами списка сетки в диапазоне от 2 до 24 пикселей
Устанавливает id DOM компонента
Выравнять контент по центру.
Выравнять контент в конец
Выравнять контент space around.
Выравнять контент space between.
Выравнять контент start.
Укажите настраиваемый тег для использования в компоненте
Примеры
Grid lists
Grid lists будет работать без проблем с вашей текущей реализацией сетки и позволит вам создавать удивительные пользовательские интерфейсы.