| Class | Properties |
|---|---|
| d-flex | display: flex; |
| d-inline-flex | display: inline-flex; |
Enabling Flexbox
With the display classes, you can turn any element into a flex container. Doing so will transform the child elements into flex items.
I'm a flexbox container.
I'm a flexbox container.
I'm an inline flexbox container.
I'm an inline flexbox container.
<MudPaper Class="d-flex pa-4"> I'm a flexbox container. </MudPaper> <MudPaper Class="d-flex pa-4"> I'm a flexbox container. </MudPaper> <MudPaper Class="d-inline-flex pa-4"> I'm an inline flexbox container. </MudPaper> <MudPaper Class="d-inline-flex pa-4"> I'm an inline flexbox container. </MudPaper>