Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is there a Bootstrap class for things to disappear on mobile only?

.sr-only the CSS class of the Bootstrap library is used to make things disappear on computer screens only. Is there any opposite class for it to make things disappear on mobiles only?

I know there could be several workarounds using Javascript scripts. These are acceptable if and only if there is no opposite.

like image 619
Mohammad Areeb Siddiqui Avatar asked Dec 12 '22 05:12

Mohammad Areeb Siddiqui


1 Answers

Bootstrap responsive utilities will handle this: http://getbootstrap.com/css/#responsive-utilities

Hide on extra small screens screens (less than 768px):

class="hidden-xs"

Show on extra small and small screens (less than 992px):

class="visible-xs visible-sm"
like image 147
Steve Sanders Avatar answered Dec 21 '22 11:12

Steve Sanders