How to hide any element in the mobile device only and display in other devices?

Solution

Bootstrap provide .hidden-xs class to hide any control from mobile devices. The element having class .hidden-xs will not be displayed in the mobile device and will be displayed in other larger devices.

Similarly, elements having .hidden-sm class will not be displayed in small devices, .hidden-md class elements will not be displayed in medium devices and .hidden-lg class elements will not be displayed in large devices.

show hide content

Share this thread

Comments

Comments
comments powered by Disqus

Navigation

Social Media