Skip to content

Instantly share code, notes, and snippets.

@thomas-lebeau
Created April 17, 2015 14:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save thomas-lebeau/ae8ba7548c8f89a07b6d to your computer and use it in GitHub Desktop.
Save thomas-lebeau/ae8ba7548c8f89a07b6d to your computer and use it in GitHub Desktop.
Boostrap 3 Media Queries Cheat Sheet
/* no media query is for phone and larger (mobile first) */
@media only screen and (min-width: @screen-sm-min) {} /* tablet (768px) and larger */
@media only screen and (min-width: @screen-md-min) {} /* desktop (992px) and larger */
@media only screen and (min-width: @screen-lg-min) {} /* wide destop (1200px) and larger */
@media only screen and (max-width: @screen-xs-max) {} /* phone (767px) and smaller */
@media only screen and (max-width: @screen-sm-max) {} /* tablet (991px) and smaller */
@media only screen and (max-width: @screen-md-max) {} /* desktop (1199px) and smaller */
/* no media query is also for wide desktop and smaller */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment