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:
WordPress WP-Cache with GZip Compression enable
Prestashop: How to disable ajax add to cart?
How to disable directory browsing using .htaccess - Apache Web Server
Symfony: PHP Fatal error: Call to a member function setData()
Limit certain ip to access website with .htaccess
How to send email from different address in Gmail
How to install LAMP (Apache, PHP and MySQL in Linux) using Yum
Speed Up and Save Your Website Bandwidth with GZip Compression
Share this with your friends:-