Last active
December 16, 2015 11:29
-
-
Save i2likelife/5427545 to your computer and use it in GitHub Desktop.
CSS:Template for responsive CSS for Twitter Bootstrap.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Default styles (normal desktop and landscape tablet) */ | |
| /* css for 980px to 1199px go here */ | |
| /* Responsive Design Breakpoints */ | |
| /* Large desktop */ | |
| /* css for 1200px+ go here */ | |
| @media (min-width: 1200px) { | |
| } | |
| /* Normal desktop and landscape tablet (default) */ | |
| /* Just in case we need to override defaults: not likely to be used */ | |
| /* css for 980px to 1199px go here */ | |
| @media (min-width: 980px) and (max-width: 1199px) { | |
| } | |
| /* Portrait tablet */ | |
| /* css for 768px to 979px go here */ | |
| @media (min-width: 768px) and (max-width: 979px) { | |
| } | |
| /* Default phone */ | |
| /* css for 480px to 767px go here */ | |
| @media (min-width: 480px) and (max-width: 767px) { | |
| } | |
| /* Landscape phone */ | |
| /* css for up to 767px go here */ | |
| @media (max-width: 767px) { | |
| } | |
| /* Portrait phone */ | |
| /* css for up to 480px go here */ | |
| @media (max-width: 480px) { | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment