Skip to content

Instantly share code, notes, and snippets.

@cfxd
Last active May 30, 2018
Embed
What would you like to do?
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