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

Update docs and carousel example for order-.

Browse Source
This commit is contained in:
XhmikosR
2017-07-20 17:58:26 +03:00
committed by Mark Otto
parent 3619586c16
commit ef1c729156
2 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/4.0/utilities/flex.md
+7 -6
View File
@@ -349,18 +349,19 @@ 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="order-last p-2 bd-highlight">First flex item</div>
<div class="p-2 bd-highlight">Second flex item</div>
<div class="order-first p-2 bd-highlight">Third flex item</div>
<div class="order-3 p-2 bd-highlight">First flex item</div>
<div class="order-2 p-2 bd-highlight">Second flex item</div>
<div class="order-1 p-2 bd-highlight">Third flex item</div>
</div>
{% endexample %}
Responsive variations also exist for `order`.
{% for bp in site.data.breakpoints %}
- `.order{{ bp.abbr }}-first`
- `.order{{ bp.abbr }}-last`
- `.order{{ bp.abbr }}-0`{% endfor %}
{% for i in (1..12) %}
- `.order{{ bp.abbr }}-{{ i }}`
{% endfor %}
{% endfor %}
## Align content