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.