Styles Display Classes
Description
The BcDisplay utility provides CSS classes for controlling the display property of elements. These classes allow elements to be displayed as block, flex, inline, etc., and can be combined with breakpoints for responsive behavior.
Responsive Display Classes
For responsive control, use classes like 'bc-display-sm-flex' or 'bc-display-lg-none' to change the display at different breakpoints.
Available Display Classes
bc-display-block
Applies 'display: block' to the element.
bc-display-contents
Applies 'display: contents' to the element.
bc-display-compact
Applies 'display: compact' to the element.
bc-display-flex
Applies 'display: flex' to the element.
bc-display-flow
Applies 'display: flow' to the element.
bc-display-flow-root
Applies 'display: flow-root' to the element.
bc-display-inline
Applies 'display: inline' to the element.
bc-display-inline-block
Applies 'display: inline-block' to the element.
bc-display-inline-flex
Applies 'display: inline-flex' to the element.
bc-display-none
Applies 'display: none' to hide the element.
bc-display-inherit
Inherits the display property from the parent element.