mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-25 04:12:55 +01:00
Code Issues Releases Wiki Activity

Change erroneous documentation for .flex-fill (#27265)

Browse Source 
The current documentation for .flex-fill indicated that the flex
items would have equal widths, regardless of content. This update
ensures that the documentation reflects the fact that the width
of the flex items depends on their actual content.
This commit is contained in:
Nicolay Hvidsten 2018-10-21 17:54:09 +02:00 committed by XhmikosR
parent 1f1308ba22
commit 345f26a667
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
site/docs/4.1/utilities/flex.md
View File

@ -219,11 +219,11 @@ Responsive variations also exist for `align-self`.
## Fill
Use the `.flex-fill` class on a series of sibling elements to force them into equal widths while taking up all available horizontal space. [Especially useful for equal-width, or justified, navigation]({{ site.baseurl }}/docs/{{ site.docs_version }}/components/navs/#working-with-flex-utilities).
Use the `.flex-fill` class on a series of sibling elements to force them into widths equal to their content (or equal widths if their content does not surpass their border-boxes) while taking up all available horizontal space.
{% capture example %}
<div class="d-flex bd-highlight">
<div class="p-2 flex-fill bd-highlight">Flex item</div>
<div class="p-2 flex-fill bd-highlight">Flex item with a lot of content</div>
<div class="p-2 flex-fill bd-highlight">Flex item</div>
<div class="p-2 flex-fill bd-highlight">Flex item</div>
</div>