diff options
| author | Mark Otto <[email protected]> | 2018-03-31 14:33:24 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2018-03-31 22:04:14 -0700 |
| commit | 474698f41b700faf6b268454f58bec369ca976e0 (patch) | |
| tree | f856dd5c5794311d87e4ffc7095823c6538d2d62 | |
| parent | b72bd051ab605c5de9ed21764d8e696d3aba2e5c (diff) | |
| download | bootstrap-474698f41b700faf6b268454f58bec369ca976e0.tar.xz bootstrap-474698f41b700faf6b268454f58bec369ca976e0.zip | |
Fix Chrome's rendering of .card-columns
Uses orphans/widows trick from @fran-worley at https://github.com/twbs/bootstrap/issues/20925#issuecomment-333492739.
Fixes #20925.
| -rw-r--r-- | scss/_card.scss | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/scss/_card.scss b/scss/_card.scss index c4b9a725d..7f9f1d1b7 100644 --- a/scss/_card.scss +++ b/scss/_card.scss @@ -261,6 +261,8 @@ @include media-breakpoint-up(sm) { column-count: $card-columns-count; column-gap: $card-columns-gap; + orphans: 1; + widows: 1; .card { display: inline-block; // Don't let them vertically span multiple columns |