Posted By

maetmar on 06/22/15


Tagged


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

JeffSFO
etcherskecher


Bootstrap 3 Media Queries


 / Published in: HTML
 

Bootstrap 3 Media Queries

  1. /*========== Mobile First Method ==========*/
  2.  
  3. /* Custom, iPhone Retina */
  4. @media only screen and (min-width : 320px) {
  5.  
  6. }
  7.  
  8. /* Extra Small Devices, Phones */
  9. @media only screen and (min-width : 480px) {
  10.  
  11. }
  12.  
  13. /* Small Devices, Tablets */
  14. @media only screen and (min-width : 768px) {
  15.  
  16. }
  17.  
  18. /* Medium Devices, Desktops */
  19. @media only screen and (min-width : 992px) {
  20.  
  21. }
  22.  
  23. /* Large Devices, Wide Screens */
  24. @media only screen and (min-width : 1200px) {
  25.  
  26. }
  27.  
  28.  
  29.  
  30. /*========== Non-Mobile First Method ==========*/
  31.  
  32. /* Large Devices, Wide Screens */
  33. @media only screen and (max-width : 1200px) {
  34.  
  35. }
  36.  
  37. /* Medium Devices, Desktops */
  38. @media only screen and (max-width : 992px) {
  39.  
  40. }
  41.  
  42. /* Small Devices, Tablets */
  43. @media only screen and (max-width : 768px) {
  44.  
  45. }
  46.  
  47. /* Extra Small Devices, Phones */
  48. @media only screen and (max-width : 480px) {
  49.  
  50. }
  51.  
  52. /* Custom, iPhone Retina */
  53. @media only screen and (max-width : 320px) {
  54.  
  55. }

Report this snippet  

You need to login to post a comment.