From 474698f41b700faf6b268454f58bec369ca976e0 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sat, 31 Mar 2018 14:33:24 -0700
Subject: 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(+)

(limited to 'scss/_card.scss')

diff --git a/scss/_card.scss b/scss/_card.scss
index c4b9a725da..7f9f1d1b7d 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
-- 
cgit v1.2.3