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 write robot.txt to control search engine spider
Free Yahoo POP3 Email account - Yahoo Mail SG and HK
Fckeditor - File Manager Session Problem in IE7
Javascript: Prevent page from frameset hijack
How to block .log file using in .htaccess
Symfony 1.4 - Customize Admin Generator listing to show data from foreign tables
How to avoid duplicate content using .htaccess
How to disable directory browsing using .htaccess - Apache Web Server
Share this with your friends:-