 
          Sustainable Construction
Lorem ipsum dolor...
For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query. Also included are utility classes for toggling content when printed.
| Screen size | Class | 
|---|---|
| Hidden on all | .d-none | 
| Hidden only on xs | .d-none .d-sm-block | 
| Hidden only on sm | .d-sm-none .d-md-block | 
| Hidden only on md | .d-md-none .d-lg-block | 
| Hidden only on lg | .d-lg-none .d-xl-block | 
| Hidden only on xl | .d-xl-none .d-xxl-block | 
| Hidden only on xxl | .d-xxl-none | 
| Visible on all | .d-block | 
| Visible only on xs | .d-block .d-sm-none | 
| Visible only on sm | .d-none .d-sm-block .d-md-none | 
| Visible only on md | .d-none .d-md-block .d-lg-none | 
| Visible only on lg | .d-none .d-lg-block .d-xl-none | 
| Visible only on xl | .d-none .d-xl-block .d-xxl-none | 
| Visible only on xxl | .d-none .d-xxl-block | 
| Group of classes | CSS display | 
|---|---|
| .visible-*-block | display: block; | 
| .visible-*-inline | display: inline; | 
| .visible-*-inline-block | display: inline-block; | 
Similar to the regular responsive classes, use these for toggling content for print.
.d-print-none.d-print-inline.d-print-inline-block.d-print-block.d-print-grid.d-print-table.d-print-table-row.d-print-table-cell.d-print-flex.d-print-inline-flex