Recently i’m modifying a someone else Bootstrap 3 theme and need to do some layout customization for different screen size. First thing came in mind is to use media queries. Since it’s using Bootstrap 3, and i do not want to break anything. So after reading the documentation and stackoverflow post, here’s the media queries that you can cut and paste.
Advertisements
/* Large monitor and laptops */ @media (min-width: 1200px) { } /* Portrait Tablets and medium desktops */ @media (min-width: 992px) and (max-width: 1199px) { } /* Portrait Tablets and small desktops */ @media (min-width: 768px) and (max-width: 991px) { } /* Landscape phones and portrait tablets */ @media (max-width: 767px) { } /* Landscape phones and smaller */ @media (max-width: 480px) { }
Related posts:
Free Yahoo POP3 Email account - Yahoo Mail SG and HK
How to remove Powered By Prestashop footer link
How to disable access to Microphone or Camera in Chrome
How to disable directory browsing using .htaccess - Apache Web Server
Contact Form 7: Clear all field except specific after submission
How to install LAMP (Apache, PHP and MySQL in Linux) using Yum
Redirect to maintenance page during upgrade using .htaccess
Track Your Website Visitor With Free Invisible Website Tracker - StatCounter
Share this with your friends:-