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