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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
/* 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:
Meebo - The Ultimate Web base Instant Messenger powered by AJAX
FCKEditor - The full feature Web based WYSIWYG HTML Editor
Track Your Website Visitor With Free Invisible Website Tracker - StatCounter
Redirect to maintenance page during upgrade using .htaccess
How to configure Thunderbird for IMAP email?
How to send email from different address in Gmail
How to remove #more tag in WordPress
Prestashop: How to disable ajax add to cart?
Share this with your friends:-
