diff options
Diffstat (limited to 'site/content/docs/5.0/utilities/flex.md')
-rw-r--r-- | site/content/docs/5.0/utilities/flex.md | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/site/content/docs/5.0/utilities/flex.md b/site/content/docs/5.0/utilities/flex.md index b1fba7433b..0d773272d7 100644 --- a/site/content/docs/5.0/utilities/flex.md +++ b/site/content/docs/5.0/utilities/flex.md @@ -301,7 +301,7 @@ Responsive variations also exist for `flex-grow` and `flex-shrink`. ## Auto margins -Flexbox can do some pretty awesome things when you mix flex alignments with auto margins. Shown below are three examples of controlling flex items via auto margins: default (no auto margin), pushing two items to the right (`.mr-auto`), and pushing two items to the left (`.ml-auto`). +Flexbox can do some pretty awesome things when you mix flex alignments with auto margins. Shown below are three examples of controlling flex items via auto margins: default (no auto margin), pushing two items to the right (`.me-auto`), and pushing two items to the left (`.ms-auto`). {{< example >}} <div class="d-flex bd-highlight mb-3"> @@ -311,7 +311,7 @@ Flexbox can do some pretty awesome things when you mix flex alignments with auto </div> <div class="d-flex bd-highlight mb-3"> - <div class="mr-auto p-2 bd-highlight">Flex item</div> + <div class="me-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> @@ -319,7 +319,7 @@ Flexbox can do some pretty awesome things when you mix flex alignments with auto <div class="d-flex bd-highlight mb-3"> <div class="p-2 bd-highlight">Flex item</div> <div class="p-2 bd-highlight">Flex item</div> - <div class="ml-auto p-2 bd-highlight">Flex item</div> + <div class="ms-auto p-2 bd-highlight">Flex item</div> </div> {{< /example >}} |