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

v-container
Имя
align-baseline
По умолчанию
false
Тип
Boolean

Совместите элементы с базовым уровнем.

Имя
align-center
По умолчанию
false
Тип
Boolean

Выровняйте предметы по центру.

Имя
align-content-center
По умолчанию
false
Тип
Boolean

Совместите содержимое с центром.

Имя
align-content-end
По умолчанию
false
Тип
Boolean

Совместите содержимое до конца.

Имя
align-content-space-around
По умолчанию
false
Тип
Boolean

Совместите содержимое с пространством.

Имя
align-content-space-between
По умолчанию
false
Тип
Boolean

Совместите содержимое с пространством между ними.

Имя
align-content-start
По умолчанию
false
Тип
Boolean

Совместите содержимое с началом.

Имя
align-end
По умолчанию
false
Тип
Boolean

Выровняйте элементы до конца.

Имя
align-start
По умолчанию
false
Тип
Boolean

Выровняйте элементы до начала.

Имя
d-{type}
По умолчанию
false
Тип
Boolean

Укажите, чтобы отобразить элемент как flex/inline-flex/block и т. Д. Синтаксис - d- {type}. Например, d-flex.

Имя
fill-height
По умолчанию
false
Тип
Boolean

Убедитесь, что высота элемента col заполняется родительским и дочерним. Важно для Safari / Firefox, если дети являются элементом столбца.

Имя
fluid
По умолчанию
false
Тип
Boolean

Удаляет контрольные точки размера viewport

Имя
grid-list-{xs through xl}
По умолчанию
false
Тип
Boolean

Устанавливает gutter между элементами списка сетки в диапазоне от 2 до 24 пикселей

Имя
id
По умолчанию
undefined
Тип
string

Устанавливает id DOM компонента

Имя
justify-center
По умолчанию
false
Тип
Boolean

Выравнять контент по центру.

Имя
justify-end
По умолчанию
false
Тип
Boolean

Выравнять контент в конец

Имя
justify-space-around
По умолчанию
false
Тип
Boolean

Выравнять контент space around.

Имя
justify-space-between
По умолчанию
false
Тип
Boolean

Выравнять контент space between.

Имя
justify-start
По умолчанию
false
Тип
Boolean

Выравнять контент start.

Имя
tag
По умолчанию
div
Тип
String

Укажите настраиваемый тег для использования в компоненте

Примеры

Grid lists

Grid lists будет работать без проблем с вашей текущей реализацией сетки и позволит вам создавать удивительные пользовательские интерфейсы.

Edit this page | language on Github