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:
Google Authenticator shows "The code is incorrect"
Redirect to maintenance page during upgrade using .htaccess
How to remove apache test page in CentOS
How to setup gmail to receive other POP3 email?
Meebo - The Ultimate Web base Instant Messenger powered by AJAX
WordPress: add javascript event after widget save
Woocommerce: Coupon for new customer / first order only
How to setup free Yahoo POP3 email
Share this with your friends:-