Utilities
Display

Display


Last updated: 4/19/21

-d-none, -d-[grid-breakpoints]-none

This property essentially removes the element completely from the document. Example: '-d-sm-none' removes the elements at the small breakpoint

-d-inline, -d-[grid-breakpoints]-inline

This property generates one or more inline element boxes that do not make line breaks before or after themselves. Example: '-d-md-inline' will have elements inline for all medium breakpoints

-d-inline-block, -d-[grid-breakpoints]-inline-block

This property is used to display an element as an inline-level block container. Example: '-d-lg-inline-block' makes display elements in the large breakpoint inline-block

-d-block, -d-[grid-breakpoints]-block

This property generates a block element box, generating line breaks both before and after the element when in the normal flow. Example: '-d-sm-block' displays elements in the small breakpoint block

-d-table, -d-[grid-breakpoints]-table

This property makes the element behave like a table. Example: '-d-md-table' displays elements in the md breakpoint in a table

-d-table-row, -d-[grid-breakpoints]-table-row

Is a corresponding element to 'd-table' and defines a row of cells in table. Example: '-d-md-table-row' defines a row of cells in a medium breakpoint table

-d-table-cell, -d-[grid-breakpoints]-table-cell

Is a corresponding element to 'd-table' and defines a cell of a table that contains data. Example: '-d-md-table-cell' defines cells in a medium breakpoint table

-d-flex, -d-[grid-breakpoints]-flex

Makes display property flex. Example: '-d-lg-flex' makes display in the large breakpoints flex

-d-inline-flex, -d-[grid-breakpoints]-inline-flex

Makes display property inline-flex. Example: '-d-lg-inline-flex' makes display in the large breakpoints inline-flex


© 2021 Gumgum, Inc.