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:
Track Your Website Visitor With Free Invisible Website Tracker - StatCounter
Namecheap Coupon 2007 - April
How to block customer from accessing WP Admin in WordPress
How to hide apache2 version number in error page
WordPress: add javascript event after widget save
How to setup free Yahoo POP3 email
How to publish blogger content to my domain
How to send mail using different email address in Yahoo Mail
Share this with your friends:-