Bootstrap 3 Media Queries

10-12-2015

Uiteraard terug te vinden in Bootstrap zelf maar voor het gemak even opgesomd. Bedenk echter altijd per project of je ze wel nodig hebt. Vaak heb je aan minder genoeg of kun je beter andere breakpoints gebruiken. Aanrader is het boekje van Ethan Marcotte over Responsive Webdesign.

/*==================================================
=            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) {

    }

Specialisme

HTML5, CSS3, PHP, MySQL, JavaScript & Jquery, React, Responsive Design, SEO (zoekmachine optimalisatie), Social Media Marketing, webrichtlijnen

CMS / E-commerce

WordPress, TYPO3, Joomla, ProcessWire, Prestashop, WooCommerce, OpenCart, Virtuemart, osCommerce

Frameworks

Laravel, CakePHP, Extbase & Fluid (TYPO3), Twitter Bootstrap, Foundation Framework

Contact

Paulusland 9
1679GV Midwoud

E-mail: info@bartsalle.nl
Tel. : 06-43126237
KvK: 34252794

© 2022 Bart Sallé | This website is completely handcoded by me :)