Hiding a div when screen is of mobile size by using bootstrap

CTRL+SHIFT+M is used to check window screen sizes in Mozilla Firefox.

  • .visible-xs : Extra small (less than 768px) visible
  • .visible-sm : Small (up to 768 px) visible
  • .visible-md : Medium (768 px to 991 px) visible
  • .visible-lg : Larger (992 px and above) visible
  • .hidden-xs : Extra small (less than 768px) hidden
  • .hidden-sm : Small (up to 768 px) hidden
  • .hidden-md : Medium (768 px to 991 px) hidden
  • .hidden-lg : Larger (992 px and above) hidden

  1. <div class="col-sm-2 hidden-xs visible-sm visible-md visible-lg">  
  2. <div>Abhijeet Singh</div>  
  3. </div>