From: Mark Otto <markdotto@gmail.com>
Date: Mon, 23 Oct 2017 02:35:42 +0000 (-0700)
Subject: improve visual appeal of examples
X-Git-Tag: v4.0.0-beta.3~181
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=6ef998628d076b967c7e840d17fb627af7c066e6;p=thirdparty%2Fbootstrap.git

improve visual appeal of examples
---

diff --git a/docs/4.0/utilities/display.md b/docs/4.0/utilities/display.md
index 610934a500..a5ad2ea3c6 100644
--- a/docs/4.0/utilities/display.md
+++ b/docs/4.0/utilities/display.md
@@ -35,13 +35,13 @@ The media queries effect screen widths with the given breakpoint *or larger*. Fo
 ## Examples
 
 {% example html %}
-<div class="d-inline bg-success">d-inline</div>
-<div class="d-inline bg-success">d-inline</div>
+<div class="d-inline p-2 bg-primary text-white">d-inline</div>
+<div class="d-inline p-2 bg-dark text-white">d-inline</div>
 {% endexample %}
 
 {% example html %}
-<span class="d-block bg-primary">d-block</span>
-<span class="d-block bg-primary">d-block</span>
+<span class="d-block p-2 bg-primary text-white">d-block</span>
+<span class="d-block p-2 bg-dark text-white">d-block</span>
 {% endexample %}
 
 ## Hiding Elements