Skip to content

Instantly share code, notes, and snippets.

@lordloh
Last active April 19, 2017 03:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lordloh/88ed45ed8875251e92ba9614300bf180 to your computer and use it in GitHub Desktop.
Save lordloh/88ed45ed8875251e92ba9614300bf180 to your computer and use it in GitHub Desktop.
A CSS skeleton extracted from bootstrap.css to define responsive classes.
/*
A CSS skeleton extracted from bootstrap.css to define responsive classes.
Make sure you define classes for each screen size and you should have a responsive design :-)
*/
/* print */
@media print {
}
/* universal */
@media all{
}
/* xs or sm- */
@media (max-width: 767px) {
}
/* sm+ */
@media (min-width: 768px) {
}
/* md+ */
@media (min-width: 992px) {
}
/* lg */
@media (min-width: 1200px) {
}
/* sm - md */
@media (min-width: 768px) and (max-width: 991px) {
}
/* md - lg */
@media (min-width: 992px) and (max-width: 1199px) {
}
/* some deprecated IE stuff - don't worry about it! */
@-ms-viewport {
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment