Update grid layout docs (#21806)

Update Mix and match section with correct responsive classes
for stacking cols.

diff --git a/docs/layout/grid.md b/docs/layout/grid.md
index 03deb2f551b93a78feeb5695f360b7599640b8b1..58e51946e97ee660318391e463263dd737b14aed 100644 (file)
--- 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>