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 dad1c0085275f256c96da60c65727f56e3e73b0f..09e17e0445371b59cbd8a768af3902a4e5831490 100644 (file)
--- 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 %}