Fix Chrome's rendering of .card-columns

mdo · mdo · commit 474698f41b70 · 2018-03-31T22:04:14.000-07:00
Uses orphans/widows trick from @fran-worley at twbs#20925 (comment). Fixes twbs#20925.
diff --git 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
