diff options
| author | Mark Otto <[email protected]> | 2017-01-24 00:01:44 -0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2017-01-24 00:01:44 -0800 |
| commit | 519ecc1c69ddf1f8ba69c021c4450ee131cee391 (patch) | |
| tree | bca04a1e0aa5fda8099b2476c60e881067cc582f /docs | |
| parent | b509dbe75bb897c5728e941688d13a138d6adc39 (diff) | |
| download | bootstrap-519ecc1c69ddf1f8ba69c021c4450ee131cee391.tar.xz bootstrap-519ecc1c69ddf1f8ba69c021c4450ee131cee391.zip | |
Rename order utilities to intended class names (#21739)
* rename order utilities to intended class names
* Documentation fixes.
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/layout/grid.md | 6 | ||||
| -rw-r--r-- | docs/utilities/flexbox.md | 6 |
2 files changed, 6 insertions, 6 deletions
diff --git a/docs/layout/grid.md b/docs/layout/grid.md index 58e51946e..4d0d3e6e8 100644 --- a/docs/layout/grid.md +++ b/docs/layout/grid.md @@ -514,13 +514,13 @@ Use flexbox utilities for controlling the **visual order** of your content. {% example html %} <div class="container"> <div class="row"> - <div class="col flex-unordered"> + <div class="col order-0"> First, but unordered </div> - <div class="col flex-last"> + <div class="col order-last"> Second, but last </div> - <div class="col flex-first"> + <div class="col order-first"> Third, but first </div> </div> diff --git a/docs/utilities/flexbox.md b/docs/utilities/flexbox.md index 9b6add5c4..9bca02848 100644 --- a/docs/utilities/flexbox.md +++ b/docs/utilities/flexbox.md @@ -354,9 +354,9 @@ Change the _visual_ order of specific flex items with a handful of `order` utili {% example html %} <div class="d-flex flex-nowrap bd-highlight"> - <div class="flex-last p-2 bd-highlight">First flex item</div> + <div class="order-last p-2 bd-highlight">First flex item</div> <div class="p-2 bd-highlight">Second flex item</div> - <div class="flex-first p-2 bd-highlight">Third flex item</div> + <div class="order-first p-2 bd-highlight">Third flex item</div> </div> {% endexample %} @@ -365,7 +365,7 @@ Responsive variations also exist for `order`. {% for bp in site.data.breakpoints %} - `.order{{ bp.abbr }}-first` - `.order{{ bp.abbr }}-last` -- `.order{{ bp.abbr }}-unordered`{% endfor %} +- `.order{{ bp.abbr }}-0`{% endfor %} ## Align content |