diff --git a/examples/grid/index.html b/examples/grid/index.html
index be1e39c1f39ee4d839bbabe74a72339c14f900f6..e05ba9ff56d822435ed8dfbb008f8d7b0c3e773b 100644
--- a/examples/grid/index.html
+++ b/examples/grid/index.html
@@ -112,9 +112,13 @@
       <hr>
 
       <h3>Column clearing</h3>
-      <p>Clear floats at specific breakpoints to prevent awkward wrapping with uneven content.</p>
+      <p><a href="http://getbootstrap.com/css/#grid-responsive-resets" title="Official documentation for clearfix">Clear floats</a> at specific breakpoints to prevent awkward wrapping with uneven content.</p>
       <div class="row">
-        <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
+        <div class="col-xs-6 col-sm-3">
+          .col-xs-6 .col-sm-3
+          <br>
+          Resize your viewport or check it out on your phone for an example.
+        </div>
         <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
 
         <!-- Add the extra clearfix for only the required viewport -->