Media Query Break Points


Image Karthik

Here are the default Media Queries you should be using:

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*//*==========  Mobile First Method  ==========*//* Custom, iPhone Retina */@media only screen and (min-width : 320px){}/* Extra Small Devices, Phones */@media only screen and (min-width : 480px){}/* Small Devices, Tablets */@media only screen and (min-width : 768px){}/* Medium Devices, Desktops */@media only screen and (min-width : 992px){}/* Large Devices, Wide Screens */@media only screen and (min-width : 1200px){}/*==========  Non-Mobile First Method  ==========*//* Large Devices, Wide Screens */@media only screen and (max-width : 1200px){}/* Medium Devices, Desktops */@media only screen and (max-width : 992px){}/* Small Devices, Tablets */@media only screen and (max-width : 768px){}/* Extra Small Devices, Phones */@media…

View original post 52 more words

Advertisements