diff options
| author | XhmikosR <[email protected]> | 2017-08-09 18:09:28 +0300 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-08-09 08:29:52 -0700 |
| commit | fd113b93f6977685c81ebc615aed9573079afe5c (patch) | |
| tree | d507ec7641345b082198ff486021b73eb6e2113f | |
| parent | 08b89972c52d55f5e7d2d039570d098a1f51cb7f (diff) | |
| download | bootstrap-fd113b93f6977685c81ebc615aed9573079afe5c.tar.xz bootstrap-fd113b93f6977685c81ebc615aed9573079afe5c.zip | |
Fix flex order generated code and a typo.
| -rw-r--r-- | docs/4.0/utilities/flex.md | 9 |
1 files changed, 3 insertions, 6 deletions
diff --git a/docs/4.0/utilities/flex.md b/docs/4.0/utilities/flex.md index 4bc5996fb..1d28fab6d 100644 --- a/docs/4.0/utilities/flex.md +++ b/docs/4.0/utilities/flex.md @@ -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"> |