diff --git a/css.html b/css.html index 77f1bb1ab6..c421f2e5c0 100644 --- a/css.html +++ b/css.html @@ -316,7 +316,7 @@ base_url: "../"
.col-xs-6 .col-sm-3
{% endhighlight %} -

In addition to column clearing at responsive breakpoints, you may need to reset offsets, pushes, or pulls. Those resets are available for medium and large grid tiers only, since they start only at the (second) small grid tier.

+

In addition to column clearing at responsive breakpoints, you may need to reset offsets, pushes, or pulls. Those resets are available for medium and large grid tiers only, since they start only at the (second) small grid tier. See this in action in the grid example.

{% highlight html %}
.col-sm-5 .col-md-6
diff --git a/examples/grid/index.html b/examples/grid/index.html index 239b0d16ae..7fc46c684c 100644 --- a/examples/grid/index.html +++ b/examples/grid/index.html @@ -109,6 +109,35 @@
.col-xs-6 .col-sm-6 .col-lg-6
+
+ +

Column clearing

+

Clear floats at specific breakpoints to prevent awkward wrapping with uneven content.

+
+
.col-xs-6 .col-sm-3
+
.col-xs-6 .col-sm-3
+ + +
+ +
.col-xs-6 .col-sm-3
+
.col-xs-6 .col-sm-3
+
+ +
+ +

Offset, push, and pull resets

+

Reset offsets, pushes, and pulls at specific breakpoints.

+
+
.col-sm-5 .col-md-6
+
.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0
+
+
+
.col-sm-6 .col-md-5 .col-lg-6
+
.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0
+
+ +