From abda449bc6a4d81ff815609fdd6b91f06cc6d5f1 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sat, 31 Mar 2018 14:33:24 -0700
Subject: [PATCH] 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.
---
 scss/_card.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/scss/_card.scss b/scss/_card.scss
index c4b9a725da13..7f9f1d1b7d3b 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