Skip to content

Instantly share code, notes, and snippets.

@reynish
Last active August 29, 2015 13:56
Show Gist options
  • Save reynish/9070470 to your computer and use it in GitHub Desktop.
Save reynish/9070470 to your computer and use it in GitHub Desktop.
Pure css responsive version of twitter bootstrap pull right & pull left with a reset option.
/* With default bootstrap breakpoint sizes */
.pull-left-xs {
float: left;
}
.pull-right-xs {
float: right;
}
.pull-reset-xs {
float: none;
}
@media (min-width: 768px) {
.pull-left-sm {
float: left;
}
.pull-right-sm {
float: right;
}
.pull-reset-sm {
float: none;
}
}
@media (min-width: 992px) {
.pull-left-md {
float: left;
}
.pull-right-md {
float: right;
}
.pull-reset-md {
float: none;
}
}
@media (min-width: 1200px) {
.pull-left-lg {
float: left;
}
.pull-right-lg {
float: right;
}
.pull-reset-lg {
float: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment