HTML

Display

ExamplesDocumentation

Examples

Display inline-block

Copied to clipboard

Display block

Copied to clipboard

Display flex

Copied to clipboard

Display inline flex

Copied to clipboard

Display grid

Copied to clipboard

Display inline

Copied to clipboard

Display table

Copied to clipboard

Display none

Copied to clipboard

Documentation

Overview

Breakpoint is optional. Breakpoints: base (no breakpoint value), -on-sm, -on-md, -on-lg, -on-xl. Example .pf-u-display-inline-block-on-lg

Usage

Class Applied to Outcome
.pf-u-display-inline-block{-on-[breakpoint]} * Sets display: inline-block
.pf-u-display-block{-on-[breakpoint]} * Sets display: block
.pf-u-display-inline{-on-[breakpoint]} * Sets display: inline
.pf-u-display-flex{-on-[breakpoint]} * Sets display: flex
.pf-u-display-inline-flex{-on-[breakpoint]} * Sets display: inline-flex
.pf-u-display-table{-on-[breakpoint]} * Sets display: table
.pf-u-display-table-row{-on-[breakpoint]} * Sets display: table-row
.pf-u-display-table-cell{-on-[breakpoint]} * Sets display: table-cell
.pf-u-display-none{-on-[breakpoint]} * Sets display: none