Display Utilities Preview

Redimensionează fereastra browserului ca să vezi cum se schimbă clasele responsive (d-sm-*, d-md-*, etc.).

Class (markup)
Styles
Description
Preview
d-none
display: none;
Elementul este ascuns
hidden
d-block
display: block;
Elementul este afișat ca bloc
block
d-inline
display: inline;
Elementul este afișat ca inline
inline
d-inline-block
display: inline-block;
Elementul este afișat ca inline-block
inline-block
d-flex
display: flex;
Activează flexbox
123
d-inline-flex
display: inline-flex;
Elementul este afișat ca inline-flex
12
d-grid
display: grid;
Activează CSS Grid
123
d-inline-grid
display: inline-grid;
Elementul este afișat ca inline-grid
12
d-table
display: table;
Elementul este afișat ca tabel
A
B
d-table-cell
display: table-cell;
Elementul este afișat ca celulă de tabel
Cell 1
Cell 2