mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-21 12:51:52 +02:00
Code Issues Releases Wiki Activity

stub out some docs

Browse Source
This commit is contained in:
Mark Otto
2016-12-24 17:46:35 -08:00
parent 43c206d6ff
commit f2f489c837
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
docs/utilities/flexbox.md
View File

@@ -59,6 +59,19 @@ Responsive variations also exist for `.flex-row` and `.flex-column`.
- `.flex{{ bp.abbr }}-row` - `.flex{{ bp.abbr }}-row`
- `.flex{{ bp.abbr }}-column`{% endfor %} - `.flex{{ bp.abbr }}-column`{% endfor %}
## Auto margins
Flexbox can do some pretty awesome things when you mix `justify-content` with `margin-right: auto` or `margin-left: auto` on a particular flex item. For example, we can move all flex items to the right, but keep one on the left like so.
{% example html %}
<div class="d-flex justify-content-end bd-highlight">
<div class="mr-auto p-2 bd-highlight">Flex item</div>
<div class="p-2 bd-highlight">Flex item</div>
<div class="p-2 bd-highlight">Flex item</div>
</div>
{% endexample %}
## Wrap ## Wrap
Change how flex items wrap in a flex container. Choose from no wrapping at all (the browser default) with `.flex-nowrap`, or enable wrapping with `.flex-wrap`. Change how flex items wrap in a flex container. Choose from no wrapping at all (the browser default) with `.flex-nowrap`, or enable wrapping with `.flex-wrap`.