Bootstrap Responsive Utility--visible-xs, VISIBLE-SM, Hidden-xs, HIDDEN-SM, etc.

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,,,