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:
How to add social bookmark link to your Blogger.com blog
Domain Name Registration Coupon
How to disable access to Microphone or Camera in Chrome
How to setup gmail to receive other POP3 email?
How to hide apache2 version number in error page
phpmyadmin disable 1440 timeout with auto login
How to disable directory browsing using .htaccess - Apache Web Server
Five (5) Best Interactive Coding Learning Websites
Share this with your friends:-
