From: Ryan Worth <garhbod@users.noreply.github.com>
Date: Sun, 3 Feb 2019 20:58:54 +0000 (+1000)
Subject: Fix negative margin example (#28140)
X-Git-Tag: v4.3.0~47
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=1275e3533637a9c47a7d257c31ae60ba812c0c59;p=thirdparty%2Fbootstrap.git

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
---

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 %}