mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-11 18:02:28 +03:00
Code Activity

Minor Markdown consistency cleanup. (#24605)

Browse Source
This commit is contained in:
XhmikosR
2017-10-30 23:53:57 +02:00
committed by GitHub
parent 1870b871d0
commit b67a4be8de
6 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/4.0/utilities/flex.md
+9 -3
View File
@@ -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 %}
docs/4.0/utilities/spacing.md
+1
View File
@@ -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">