Advanced Search

Posted By

maetmar on 06/22/15

Tagged

Versions (?)

Last Edited at 06/22/15 03:00am

Statistics

Viewed 429 times
Favorited by 0 user(s)

Related snippets

550
Show Number of Queries
635
CSS3 Media Queries
587
Hardboiled CSS Media Queries
642
Common CSS Media queries
841
Media Queries (for Responsive Web Design)

Bootstrap 3 Media Queries

/ Published in: HTML
Save to your folder(s)
Bootstrap 3 Media Queries

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.