Bootstrap class to hide only on mobile resolution

New visible classes added to Bootstrap

  1. Extra small devices Phones (<768px) (Class names : .visible-xs-block, hidden-xs)

  2. Small devices Tablets (≥768px) (Class names : .visible-sm-block, hidden-sm)

  3. Medium devices Desktops (≥992px) (Class names : .visible-md-block, hidden-md)

  4. Large devices Desktops (≥1200px) (Class names : .visible-lg-block, hidden-lg)
    For more information : http://getbootstrap.com/css/#responsive-utilities

Below is deprecated as of v3.2.0

  1. Extra small devices Phones (<768px) (Class names : .visible-xs, hidden-xs)

  2. Small devices Tablets (≥768px) (Class names : .visible-sm, hidden-sm)

  3. Medium devices Desktops (≥992px) (Class names : .visible-md, hidden-md)

  4. Large devices Desktops (≥1200px) (Class names : .visible-lg, hidden-lg)

Much older Bootstrap

.hidden-phone, .hidden-tablet etc. are unsupported/obsolete.

Source/Credit: Stack Overflow

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s