aboutsummaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
Diffstat (limited to 'docs')
-rw-r--r--docs/4.0/layout/grid.md6
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