Changing column span for tablet
Creating extra class and apply different column grid for tablet
Example: Columns on this page will be 50% for tablet dimension
@media (max-width: 979px) and (min-width: 768px) {
.row-fluid .span6-tablet {
width: 48.61878453038674%;
}
}
.row-fluid .span6-tablet {
width: 48.61878453038674%;
}
}
Your columns don't clear quite right as one is taller than the other. To fix that, use a combination of a .clearfix and our responsive utility classes.
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
Awesome Awesomeson doing something amazing