Class | Properties |
---|---|
.flex-grow | flex-grow: 1; |
.flex-grow-0 | flex-grow: 0; |
.flex-shrink | flex-shrink: 1; |
.flex-shrink-0 | flex-shrink: 0; |
Usage
Grow
Use .flex-grow
to allow a flex item to grow and fill available space.
Use .flex-grow-0
to prevent a flex item from growing.
Shrink
Use .flex-shrink
to allow a flex item to shrink if required.
Use .flex-shrink-0
to prevent a flex item from shrinking.