From ed12d41caed288b47f1f225115503d3086d69e6a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 13 Oct 2013 19:10:17 -0700 Subject: [PATCH] add docs example for #10938 to show responsive column clearing in grid --- css.html | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/css.html b/css.html index 653ede7cce..63cd74b1dd 100644 --- a/css.html +++ b/css.html @@ -314,6 +314,22 @@ base_url: "../"

Responsive column resets

With the four tiers of grids available you're bound to run into issues where, at certain breakpoints, 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.

+
+
+
+ .col-xs-6 .col-sm-3 +
+ Resize your viewport or check it out on your phone for an example. +
+
.col-xs-6 .col-sm-3
+ + +
+ +
.col-xs-6 .col-sm-3
+
.col-xs-6 .col-sm-3
+
+
{% highlight html %}
.col-xs-6 .col-sm-3