From 7ca078da815320c75862b6cf25f46ce706570279 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 26 Mar 2017 12:53:50 -0700
Subject: [PATCH] fixes #22111

- add .col-*-auto to the extend in our grid framework mixins so it gets padding
- this means we can avoid the col-12 classes in our docs for the responsive variants
---
 docs/layout/grid.md              | 4 ++--
 scss/mixins/_grid-framework.scss | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/docs/layout/grid.md b/docs/layout/grid.md
index 01fbfe4938..7a16c52a72 100644
--- a/docs/layout/grid.md
+++ b/docs/layout/grid.md
@@ -224,7 +224,7 @@ Use `col-{breakpoint}-auto` classes to size columns based on the natural width o
     <div class="col col-lg-2">
       1 of 3
     </div>
-    <div class="col-12 col-md-auto">
+    <div class="col-md-auto">
       Variable width content
     </div>
     <div class="col col-lg-2">
@@ -235,7 +235,7 @@ Use `col-{breakpoint}-auto` classes to size columns based on the natural width o
     <div class="col">
       1 of 3
     </div>
-    <div class="col-12 col-md-auto">
+    <div class="col-md-auto">
       Variable width content
     </div>
     <div class="col col-lg-2">
diff --git a/scss/mixins/_grid-framework.scss b/scss/mixins/_grid-framework.scss
index 0aa814ab2d..5459a86f48 100644
--- a/scss/mixins/_grid-framework.scss
+++ b/scss/mixins/_grid-framework.scss
@@ -22,7 +22,8 @@
         @extend %grid-column;
       }
     }
-    .col#{$infix} {
+    .col#{$infix},
+    .col#{$infix}-auto {
       @extend %grid-column;
     }