Display

Hide elements

You can hide an element with the .hide class.
Just use our breakpoints with the .hide- prefix to make them depend on the screensize.

I'm invisible on sm screen and below
I'm invisible lg screen and above

Display classes

Class name Description
.d-block display: block.
.d-flex display: flex.
.d-grid display: grid.
.d-table display: table.
.d-inline display: inline.
.d-inline-block display: inline-block.
.d-inline-flex display: inline-flex.
.d-inline-table display: inline-table.