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:
How to hide apache2 version number in error page
Contact Form 7: Clear all field except specific after submission
phpmyadmin disable 1440 timeout with auto login
Limit certain ip to access website with .htaccess
WordPress: add javascript event after widget save
How to avoid duplicate content using .htaccess
Prestashop: How to disable ajax add to cart?
Password protect directory with .htaccess and .htpasswd
Share this with your friends:-
