mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-20 20:00:36 +03:00
Code Activity

Decrease number of order utilities (#28874)

Browse Source
This commit is contained in:
Martijn Cuppens
2019-06-18 07:02:14 +02:00
committed by GitHub
parent c5b1919dea
commit 83fc5a3239
4 changed files with 19 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/content/docs/4.3/layout/grid.md
+3 -3
View File
@@ -543,7 +543,7 @@ You may also apply this break at specific breakpoints with our [responsive displ
### Order classes
Use `.order-` classes for controlling the **visual order** of your content. These classes are responsive, so you can set the `order` by breakpoint (e.g., `.order-1.order-md-2`). Includes support for `1` through `12` across all five grid tiers.
Use `.order-` classes for controlling the **visual order** of your content. These classes are responsive, so you can set the `order` by breakpoint (e.g., `.order-1.order-md-2`). Includes support for `1` through `5` across all five grid tiers.
<div class="bd-example-row">
{{< example >}}
@@ -552,7 +552,7 @@ Use `.order-` classes for controlling the **visual order** of your content. Thes
<div class="col">
First, but unordered
</div>
<div class="col order-12">
<div class="col order-5">
Second, but last
</div>
<div class="col order-1">
@@ -563,7 +563,7 @@ Use `.order-` classes for controlling the **visual order** of your content. Thes
{{< /example >}}
</div>
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.
There are also responsive `.order-first` and `.order-last` classes that change the `order` of an element by applying `order: -1` and `order: 6`, respectively. These classes can also be intermixed with the numbered `.order-*` classes as needed.
<div class="bd-example-row">
{{< example >}}