rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-18 15:54:26 +01:00
Code Issues Actions Packages Releases Activity

Fix flex order generated code and a typo.

Browse Source
This commit is contained in:
XhmikosR 2017-08-09 18:09:28 +03:00 committed by Mark Otto
parent 08b89972c5
commit fd113b93f6
1 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
docs/4.0/utilities/flex.md
View File

@ -357,17 +357,14 @@ Change the _visual_ order of specific flex items with a handful of `order` utili
Responsive variations also exist for `order`.
{% for bp in site.data.breakpoints %}
{% for i in (1..12) %}
- `.order{{ bp.abbr }}-{{ i }}`
{% endfor %}
{% endfor %}
{% for bp in site.data.breakpoints %}{% for i in (1..12) %}
- `.order{{ bp.abbr }}-{{ i }}`{% endfor %}{% endfor %}
## Align content
Use `align-content` utilities on flexbox containers to align flex items *together* on the cross axis. Choose from `start` (browser default), `end`, `center`, `between`, `around`, or `stretch`. To demonstrate these utilities, we've enforced `flex-wrap: wrap` and increased the number of flex items.
**Heads up!** This property has no affect on single rows of flex items.
**Heads up!** This property has no effect on single rows of flex items.
<div class="bd-example">
<div class="d-flex align-content-start flex-wrap bd-highlight mb-3" style="height: 200px">