From 3cb252570a0fb2507c7169427569f50a0a1cb031 Mon Sep 17 00:00:00 2001
From: Marcus Molchany <marcusmolchany@gmail.com>
Date: Sat, 21 Jan 2017 18:01:13 -0800
Subject: [PATCH] Update grid layout docs (#21806)

Update Mix and match section with correct responsive classes
for stacking cols.
---
 docs/layout/grid.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/layout/grid.md b/docs/layout/grid.md
index 03deb2f551..58e51946e9 100644
--- a/docs/layout/grid.md
+++ b/docs/layout/grid.md
@@ -293,7 +293,7 @@ Don't want your columns to simply stack in some grid tiers? Use a combination of
 {% example html %}
 <!-- Stack the columns on mobile by making one full-width and the other half-width -->
 <div class="row">
-  <div class="col col-md-8">.col .col-md-8</div>
+  <div class="col-12 col-md-8">.col-12 .col-md-8</div>
   <div class="col-6 col-md-4">.col-6 .col-md-4</div>
 </div>