diff options
| author | XhmikosR <[email protected]> | 2017-10-30 23:53:57 +0200 |
|---|---|---|
| committer | GitHub <[email protected]> | 2017-10-30 23:53:57 +0200 |
| commit | b67a4be8de353bfab41443d705a6f595391cc482 (patch) | |
| tree | 572deac3ba4ae7600fc571a6c400e27d916d5541 /docs/4.0/utilities | |
| parent | 1870b871d0b6ad7c842aab780dbd5541d84f3428 (diff) | |
| download | bootstrap-b67a4be8de353bfab41443d705a6f595391cc482.tar.xz bootstrap-b67a4be8de353bfab41443d705a6f595391cc482.zip | |
Minor Markdown consistency cleanup. (#24605)
Diffstat (limited to 'docs/4.0/utilities')
| -rw-r--r-- | docs/4.0/utilities/flex.md | 12 | ||||
| -rw-r--r-- | docs/4.0/utilities/spacing.md | 1 |
2 files changed, 10 insertions, 3 deletions
diff --git a/docs/4.0/utilities/flex.md b/docs/4.0/utilities/flex.md index 470a7db72..79a0e0618 100644 --- a/docs/4.0/utilities/flex.md +++ b/docs/4.0/utilities/flex.md @@ -280,6 +280,7 @@ Change how flex items wrap in a flex container. Choose from no wrapping at all ( <div class="p-2 bd-highlight">Flex item</div> </div> </div> + {% highlight html %} <div class="d-flex flex-nowrap"> ... @@ -305,6 +306,7 @@ Change how flex items wrap in a flex container. Choose from no wrapping at all ( <div class="p-2 bd-highlight">Flex item</div> </div> </div> + {% highlight html %} <div class="d-flex flex-wrap"> ... @@ -330,6 +332,7 @@ Change how flex items wrap in a flex container. Choose from no wrapping at all ( <div class="p-2 bd-highlight">Flex item</div> </div> </div> + {% highlight html %} <div class="d-flex flex-wrap-reverse"> ... @@ -337,9 +340,6 @@ Change how flex items wrap in a flex container. Choose from no wrapping at all ( {% endhighlight %} -{% example html %} -{% endexample %} - Responsive variations also exist for `flex-wrap`. {% for bp in site.data.breakpoints %} @@ -389,6 +389,7 @@ Use `align-content` utilities on flexbox containers to align flex items *togethe <div class="p-2 bd-highlight">Flex item</div> </div> </div> + {% highlight html %} <div class="d-flex align-content-start flex-wrap"> ... @@ -414,6 +415,7 @@ Use `align-content` utilities on flexbox containers to align flex items *togethe <div class="p-2 bd-highlight">Flex item</div> </div> </div> + {% highlight html %} <div class="d-flex align-content-end flex-wrap">...</div> {% endhighlight %} @@ -437,6 +439,7 @@ Use `align-content` utilities on flexbox containers to align flex items *togethe <div class="p-2 bd-highlight">Flex item</div> </div> </div> + {% highlight html %} <div class="d-flex align-content-center flex-wrap">...</div> {% endhighlight %} @@ -460,6 +463,7 @@ Use `align-content` utilities on flexbox containers to align flex items *togethe <div class="p-2 bd-highlight">Flex item</div> </div> </div> + {% highlight html %} <div class="d-flex align-content-between flex-wrap">...</div> {% endhighlight %} @@ -483,6 +487,7 @@ Use `align-content` utilities on flexbox containers to align flex items *togethe <div class="p-2 bd-highlight">Flex item</div> </div> </div> + {% highlight html %} <div class="d-flex align-content-around flex-wrap">...</div> {% endhighlight %} @@ -506,6 +511,7 @@ Use `align-content` utilities on flexbox containers to align flex items *togethe <div class="p-2 bd-highlight">Flex item</div> </div> </div> + {% highlight html %} <div class="d-flex align-content-stretch flex-wrap">...</div> {% endhighlight %} diff --git a/docs/4.0/utilities/spacing.md b/docs/4.0/utilities/spacing.md index 035a337af..b374748e0 100644 --- a/docs/4.0/utilities/spacing.md +++ b/docs/4.0/utilities/spacing.md @@ -67,6 +67,7 @@ Here are some representative examples of these classes: {% endhighlight %} ### Horizontal centering + Additionally, Bootstrap also includes an `.mx-auto` class for horizontally centering fixed-width block level content—that is, content that has `display: block` and a `width` set—by setting the horizontal margins to `auto`. <div class="bd-example"> |