bootstrap-spacer
Version:
A simple CSS library containing rules for spacing bootstrap rows and columns apart...
46 lines (45 loc) • 1.06 kB
CSS
/* Row Spacers */
.row-spacer,
.row-spacer-md {
margin-bottom: 3em ;
}
.row-spacer-xs {
margin-bottom: 0.75em ;
}
.row-spacer-sm {
margin-bottom: 1.5em ;
}
.row-spacer-lg {
margin-bottom: 6em ;
}
/* Column Spacers */
.row-col-spacer > div,
.row-col-spacer-md > div {
margin-bottom: 3em ;
}
.row-col-spacer-xs > div {
margin-bottom: 0.75em ;
}
.row-col-spacer-sm > div {
margin-bottom: 1.5em ;
}
.row-col-spacer-lg > div {
margin-bottom: 6em ;
}
.row-col-spacer > div:last-child,
.row-col-spacer-xs > div:last-child,
.row-col-spacer-sm > div:last-child,
.row-col-spacer-md > div:last-child,
.row-col-spacer-lg > div:last-child {
margin-bottom: 0em ;
}
/* Small Devices & Tablets */
@media only screen and (min-width: 768px) {
.row-col-spacer > div,
.row-col-spacer-xs > div,
.row-col-spacer-sm > div,
.row-col-spacer-md > div,
.row-col-spacer-xs > div {
margin-bottom: 0em ;
}
}