Сравнительная таблица
| Property | Type | Default | Grid | Row | Col |
|---|---|---|---|---|---|
fluid | Boolean | false | ✔ | — | — |
condensed | Boolean | false | ✔ | — | — |
noGutters | Boolean | false | ✔ | ✔ | — |
noGutter | String | null | ✔ | ✔ | ✔ |
alignV | String | null | — | ✔ | — |
alignH | String | null | — | ✔ | — |
alignContent | String | null | — | ✔ | — |
cols | String | null | — | — | ✔ |
offset | String | null | — | — | ✔ |
order | String | null | — | — | ✔ |
alignSelf | String | null | — | — | ✔ |
Значения свойств
| Property | Value | Description |
|---|---|---|
noGutter | left, right | Удаление полей |
alignV | baseline, stretch, start, end, center | Выравнивание элементов по перекрёстной оси. |
alignH | between, around, start, end, center | Выравнивание элементов по главной оси. |
alignContent | between, around, stretch, start, end, center | Промежутки между flex строками по перекрёстной оси. |
cols | 1-16, auto | Размер колонки. |
offset | 1-16 | Смещение колонки. |
order | 1-16 | Порядок блока в строке. |
alignSelf | start, end, center, auto, baseline, stretch | Выравнивание конкретного блока по перекрёстной оси. |
Свойства breakpoints
Свойства влиящие на смещения и выравнивания блоков в строке можно менять в зависимости от breakpoints. В таблице представлены такие свойства, где * — значение аргумента breakpoints.
| Property | Value | Description |
|---|---|---|
offset-* | 1-16 | Смещение колонки. |
order-* | 1-16 | Порядок блока в строке. |