Skip to content

Instantly share code, notes, and snippets.

@marioblas

marioblas/bootstrap-3-media-queries.css

Last active November 20, 2019 16:51
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save marioblas/ac317c37e9bfcf3a1c3a to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save marioblas/ac317c37e9bfcf3a1c3a to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. marioblas revised this gist Aug 24, 2014. 1 changed file with 0 additions and 2 deletions.
    2 changes: 0 additions & 2 deletions bootstrap-3-media-queries.css
    View file
    Original file line number Diff line number Diff line change
    @@ -3,7 +3,6 @@
    ==================================================*/



    /*========== Mobile First Method ==========*/

    /* Custom, iPhone Retina */
    @@ -32,7 +31,6 @@
    }



    /*========== Non-Mobile First Method ==========*/

    /* Large Devices, Wide Screens */
  2. marioblas created this gist Aug 22, 2014.
    61 changes: 61 additions & 0 deletions bootstrap-3-media-queries.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,61 @@
    /*==================================================
    = 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 only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px) {

    }