diff options
| author | Casper Bornebusch <[email protected]> | 2018-01-16 18:10:40 +0100 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2018-01-16 09:10:40 -0800 |
| commit | f4132dba07f3637faa6eb19f74db59e9e2a21732 (patch) | |
| tree | 25ed88a2eb769822513db81fa31af5a1033e26db /docs/4.0/layout | |
| parent | a531b4645311dd5b5af5c8e650d9f48c1fd522e5 (diff) | |
| download | bootstrap-f4132dba07f3637faa6eb19f74db59e9e2a21732.tar.xz bootstrap-f4132dba07f3637faa6eb19f74db59e9e2a21732.zip | |
Add order-last grid class (#24915)
* Add order-*-last grid class
* copy updates
Diffstat (limited to 'docs/4.0/layout')
| -rw-r--r-- | docs/4.0/layout/grid.md | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/docs/4.0/layout/grid.md b/docs/4.0/layout/grid.md index efbc5520d..320872849 100644 --- a/docs/4.0/layout/grid.md +++ b/docs/4.0/layout/grid.md @@ -534,14 +534,14 @@ Use `.order-` classes for controlling the **visual order** of your content. Thes {% endexample %} </div> -There's also a responsive `.order-first` class that quickly changes the order of one element by applying `order: -1`. This class can also be intermixed with the numbered `.order-*` classes as needed. +There are also responsive `.order-first` and `.order-last` classes that change the `order` of an element by applying `order: -1` and `order: 13` (`order: $columns + 1`), respectively. These classes can also be intermixed with the numbered `.order-*` classes as needed. <div class="bd-example-row"> {% example html %} <div class="container"> <div class="row"> - <div class="col"> - First, but unordered + <div class="col order-last"> + First, but last </div> <div class="col"> Second, but unordered |