Loader

The following display utilities classes will set display property of an element.

ClassDescription
.d-inlineSet an inline display property of an element.
.d-inline-blockSet an inline-block display property of an element.
.d-blockSet a block display property of an element.

For faster mobile-friendly development, use responsive display classes for showing and hiding elements by device.

ClassScreen Size
.d-noneHidden on all
.d-none .d-sm-blockHidden only on xs
.d-sm-none .d-md-blockHidden only on sm
.d-md-none .d-lg-blockHidden only on md
.d-lg-none .d-xl-blockHidden only on lg
.d-xl-noneHidden only on xl
.d-blockVisible on all
.d-block .d-sm-noneVisible only on xs
.d-none .d-sm-block .d-md-noneVisible only on sm
.d-none .d-md-block .d-lg-noneVisible only on md
.d-none .d-lg-block .d-xl-noneVisible only on lg
.d-none .d-xl-blockVisible only on xl
avatar
Reynante

Web Developer

Verified
View Profile
avatar
Joyce Chua

Team Leader

Verified
View Profile