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.

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.
474698f4 · Mark Otto · Mark Otto · b72bd051 · 474698f4
Commit 474698f4 authored 6 years ago by Mark Otto Committed by Mark Otto 6 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 2 additions and 0 deletions
+2 -0
--- 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