diff options
| author | Mark Otto <[email protected]> | 2017-03-26 12:53:50 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-03-26 13:23:49 -0700 |
| commit | 7ca078da815320c75862b6cf25f46ce706570279 (patch) | |
| tree | df243c4adc811cdf7395d4288101487a1b2454ed | |
| parent | 1d481519750d3ad5018206408bd583d94a11b54d (diff) | |
| download | bootstrap-7ca078da815320c75862b6cf25f46ce706570279.tar.xz bootstrap-7ca078da815320c75862b6cf25f46ce706570279.zip | |
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
| -rw-r--r-- | docs/layout/grid.md | 4 | ||||
| -rw-r--r-- | 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 01fbfe493..7a16c52a7 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 0aa814ab2..5459a86f4 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; } |