From 1275e3533637a9c47a7d257c31ae60ba812c0c59 Mon Sep 17 00:00:00 2001
From: Ryan Worth <garhbod@users.noreply.github.com>
Date: Mon, 4 Feb 2019 06:58:54 +1000
Subject: [PATCH] Fix negative margin example (#28140)

Negative margin example wasn't displaying correctly due to border and background styling being applied directly to the `.col` element. Made a child element and applied the styling to it
---
 site/docs/4.2/utilities/spacing.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/docs/4.2/utilities/spacing.md b/site/docs/4.2/utilities/spacing.md
index dad1c00852..09e17e0445 100644
--- a/site/docs/4.2/utilities/spacing.md
+++ b/site/docs/4.2/utilities/spacing.md
@@ -98,8 +98,8 @@ Here's an example of customizing the Bootstrap grid at the medium (`md`) breakpo
 
 {% capture example %}
 <div class="row mx-md-n5">
-  <div class="col py-3 px-md-5 border bg-light">Custom column padding</div>
-  <div class="col py-3 px-md-5 border bg-light">Custom column padding</div>
+  <div class="col px-md-5"><div class="p-3 border bg-light">Custom column padding</div></div>
+  <div class="col px-md-5"><div class="p-3 border bg-light">Custom column padding</div></div>
 </div>
 {% endcapture %}
 {% include example.html content=example %}