Reproduced in: Click to open the link
Bootstrap provides helper classes to enable faster development of mobile-friendly devices. These can be combined with media queries to combine large, small, and medium-sized devices to enable content to be displayed and hidden from the device.
These tools need to be used sparingly to avoid creating a completely different version at the same site. The reactive utility is currently only available for block and table switching.
Class |
Equipment |
. visible-xs |
Additional small devices (less than 768px) are visible |
. visible-sm |
Small equipment (768 px) visible |
. visible-md |
Medium equipment (768 px to 991 px) visible |
. visible-lg |
Large equipment (992 px and above) visible |
. hidden-xs |
Extra small device (less than 768px) hidden |
. hidden-sm |
Small equipment (from 768 px) hidden |
. hidden-md |
Medium equipment (768 px to 991 px) hidden |
. hidden-lg |
Large equipment (992 px and above) hidden |
Print class details,,,