Display (Hiding Elements) - pressden/emma GitHub Wiki
Our display
utility classes exist to allow hiding of elements at various browser widths. The most common application of this will be hiding a large image or icon when on mobile, where it might otherwise look awkward or take up too much space.
d-none
- hides element in all casesd-none-xl-down
- hides element when browser width is narrower than 1280pxd-none-lg-down
- hides element when browser width is narrower than 960pxd-none-md-down
- hides element when browser width is narrower than 782pxd-none-sm-down
- hides element when browser width is narrower than 600pxd-none-xs-down
- hides element when browser width is narrower than 480pxd-none-xl
- hides element when browser width is wider than 1280pxd-none-lg
- hides element when browser width is wider than 960pxd-none-md
- hides element when browser width is wider than 782pxd-none-sm
- hides element when browser width is wider than 600pxd-none-xs
- hides element when browser width is wider than 480px