From: Andrew Murphy <aavmurphy@users.noreply.github.com>
Date: Thu, 19 Oct 2017 20:22:40 +0000 (+0100)
Subject: formatting
X-Git-Tag: v4.0.0-beta.3~184^2~1
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=b69d5358226bf54bcaa33569117847cdb42d534d;p=thirdparty%2Fbootstrap.git

formatting
---

diff --git a/docs/4.0/utilities/display.md b/docs/4.0/utilities/display.md
index 861a6d95f9..377ca29031 100644
--- a/docs/4.0/utilities/display.md
+++ b/docs/4.0/utilities/display.md
@@ -51,22 +51,22 @@ For faster mobile-friendly development, use responsive display classes for showi
 
 To hide elements simply use the `.d-none` class or one of the `.d-{sm,md,lg,xl}-none` classes for any responsive screen variation.
 
-To show an element only on a given interval of screen sizes you can combine one `.d-*-none` class with a `.d-*-*` class, for example `.d-none.d-md-block.d-xl-none` will hide the element for all screen sizes except on medium and large devices.
+To show an element only on a given interval of screen sizes you can combine one `.d-*-none` class with a `.d-*-*` class, for example `.d-none .d-md-block .d-xl-none` will hide the element for all screen sizes except on medium and large devices.
 
 | Screen Size        | Class |
 | ---                | --- |
-| Hidden on all      | `d-none` |
-| Hidden only on xs  | `d-none d-sm-block` |
-| Hidden only on sm  | `d-sm-none d-md-block` |
-| Hidden only on md  | `d-md-none d-lg-block` |
-| Hidden only on lg  | `d-lg-none d-xl-block` |
-| Hidden only on xl  | `d-xl-none` |
-| Visible on all     | `d-block` |
-| Visible only on xs | `d-block d-sm-none` |
-| Visible only on sm | `d-none d-sm-block d-md-none` |
-| Visible only on md | `d-none d-md-block d-lg-none` |
-| Visible only on lg | `d-none d-lg-block d-xl-none` |
-| Visible only on xl | `d-none d-xl-block` |
+| Hidden on all      | `.d-none` |
+| Hidden only on xs  | `.d-none .d-sm-block` |
+| Hidden only on sm  | `.d-sm-none .d-md-block` |
+| Hidden only on md  | `.d-md-none .d-lg-block` |
+| Hidden only on lg  | `.d-lg-none .d-xl-block` |
+| Hidden only on xl  | `.d-xl-none` |
+| Visible on all     | `.d-block` |
+| Visible only on xs | `.d-block .d-sm-none` |
+| Visible only on sm | `.d-none .d-sm-block .d-md-none` |
+| Visible only on md | `.d-none .d-md-block .d-lg-none` |
+| Visible only on lg | `.d-none .d-lg-block .d-xl-none` |
+| Visible only on xl | `.d-none .d-xl-block` |
 
 {% example html %}
 <div class="d-lg-none">hide on screens wider than lg</div>
@@ -79,10 +79,10 @@ Change the `display` value of elements when printing with our print display util
 
 | Class | Print style |
 | --- | --- |
-| `.d-print-block` | Applies `display: block` to the element when printing |
-| `.d-print-inline` | Applies `display: inline` to the element when printing |
-| `.d-print-inline-block` | Applies `display: inline-block` to the element when printing |
-| `.d-print-none` | Applies `display: none` to the element when printing |
+| `.d-print-block` | Applies `display: block;` to the element when printing |
+| `.d-print-inline` | Applies `display: inline;` to the element when printing |
+| `.d-print-inline-block` | Applies `display: inline-block;` to the element when printing |
+| `.d-print-none` | Applies `display: none;` to the element when printing |
 
 The print and display classes can be combined.