Skip to content

Instantly share code, notes, and snippets.

@cfxd
Last active May 30, 2018 10:55
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save cfxd/a88dbf70cecb8f2671bdb97d7c713856 to your computer and use it in GitHub Desktop.
Clear Bootstrap Colummn Floats the Right Way. See https://cfxdesign.com/clear-bootstrap-column-floats-the-right-way
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
.your-row-class > *:nth-child(3n+4) {
clear: left;
}
}
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
.your-row-class > *:nth-child(2n+3) {
clear: left;
}
}
@media (min-width: $screen-md-min) {
.your-row-class > *:nth-child(3n+4) {
clear: left;
}
}
.your-row-class > *:nth-child(3n+4) {
clear: left;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment