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:
How to add social bookmark link to your Blogger.com blog
How to whitelist email address in Google App Mail (Free Edition)
Limit certain ip to access website with .htaccess
Speed Up and Save Your Website Bandwidth with GZip Compression
Google Authenticator shows "The code is incorrect"
How to block customer from accessing WP Admin in WordPress
How to register a free @microsoft.com email account?
The Common Internet Error Code
Share this with your friends:-