diff options
| author | Mark Otto <[email protected]> | 2016-09-11 22:31:26 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2016-09-11 22:31:26 -0700 |
| commit | a48e8199219d6bbe95079fa8fb206db1b2f5f2bf (patch) | |
| tree | fe90895d8aab9de5733abc10fcb9c9101309589c /docs | |
| parent | 8104bd7a0274149f0c23774e2221363c9ff9f62b (diff) | |
| download | bootstrap-a48e8199219d6bbe95079fa8fb206db1b2f5f2bf.tar.xz bootstrap-a48e8199219d6bbe95079fa8fb206db1b2f5f2bf.zip | |
Fixes #19466: Document the flexbox order utils (#20697)
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/layout/flexbox-grid.md | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/docs/layout/flexbox-grid.md b/docs/layout/flexbox-grid.md index ec5a7365e..d15d6fb99 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> |