From: Mark Otto <markd.otto@gmail.com>
Date: Mon, 12 Sep 2016 05:31:26 +0000 (-0700)
Subject: Fixes #19466: Document the flexbox order utils (#20697)
X-Git-Tag: v4.0.0-alpha.5~86
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=a48e8199219d6bbe95079fa8fb206db1b2f5f2bf;p=thirdparty%2Fbootstrap.git

Fixes #19466: Document the flexbox order utils (#20697)
---

diff --git a/docs/layout/flexbox-grid.md b/docs/layout/flexbox-grid.md
index ec5a7365e5..d15d6fb996 100644
--- a/docs/layout/flexbox-grid.md
+++ b/docs/layout/flexbox-grid.md
@@ -221,3 +221,25 @@ Flexbox utilities for horizontal alignment also exist for a number of layout opt
 </div>
 {% endexample %}
 </div>
+
+## Reordering
+
+Flexbox utilities for controlling the **visual order** of your content.
+
+<div class="bd-example-row">
+{% example html %}
+<div class="container">
+  <div class="row">
+    <div class="col-xs flex-xs-unordered">
+      First, but unordered
+    </div>
+    <div class="col-xs flex-xs-last">
+      Second, but last
+    </div>
+    <div class="col-xs flex-xs-first">
+      Third, but first
+    </div>
+  </div>
+</div>
+{% endexample %}
+</div>