From: XhmikosR <xhmikosr@gmail.com>
Date: Wed, 9 Aug 2017 15:09:28 +0000 (+0300)
Subject: Fix flex order generated code and a typo.
X-Git-Tag: v4.0.0-beta~14
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=fd113b93f6977685c81ebc615aed9573079afe5c;p=thirdparty%2Fbootstrap.git

Fix flex order generated code and a typo.
---

diff --git a/docs/4.0/utilities/flex.md b/docs/4.0/utilities/flex.md
index 4bc5996fb5..1d28fab6dd 100644
--- a/docs/4.0/utilities/flex.md
+++ b/docs/4.0/utilities/flex.md
@@ -357,17 +357,14 @@ Change the _visual_ order of specific flex items with a handful of `order` utili
 
 Responsive variations also exist for `order`.
 
-{% for bp in site.data.breakpoints %}
-  {% for i in (1..12) %}
-  - `.order{{ bp.abbr }}-{{ i }}`
-  {% endfor %}
-{% endfor %}
+{% for bp in site.data.breakpoints %}{% for i in (1..12) %}
+- `.order{{ bp.abbr }}-{{ i }}`{% endfor %}{% endfor %}
 
 ## Align content
 
 Use `align-content` utilities on flexbox containers to align flex items *together* on the cross axis. Choose from `start` (browser default), `end`, `center`, `between`, `around`, or `stretch`. To demonstrate these utilities, we've enforced `flex-wrap: wrap` and increased the number of flex items.
 
-**Heads up!** This property has no affect on single rows of flex items.
+**Heads up!** This property has no effect on single rows of flex items.
 
 <div class="bd-example">
   <div class="d-flex align-content-start flex-wrap bd-highlight mb-3" style="height: 200px">