mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-18 10:52:19 +01:00
Merge pull request #19112 from twbs/m-x-auto-doc-centering
Docs: Add "Horizontal centering" subheading for .m-x-auto
This commit is contained in:
commit
7cbbc6a074
@ -60,7 +60,8 @@ Here are some representative examples of these classes:
|
|||||||
}
|
}
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
|
|
||||||
Additionally, Bootstrap also includes an `.m-x-auto` class for centering fixed-width block level content by setting the horizontal margins to `auto`.
|
### Horizontal centering
|
||||||
|
Additionally, Bootstrap also includes an `.m-x-auto` class for horizontally centering fixed-width block level content by setting the horizontal margins to `auto`.
|
||||||
|
|
||||||
<div class="bd-example">
|
<div class="bd-example">
|
||||||
<div class="m-x-auto" style="width: 200px; background-color: rgba(86,61,124,.15);">
|
<div class="m-x-auto" style="width: 200px; background-color: rgba(86,61,124,.15);">
|
||||||
@ -69,7 +70,7 @@ Additionally, Bootstrap also includes an `.m-x-auto` class for centering fixed-w
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% highlight html %}
|
{% highlight html %}
|
||||||
<div class="m-x-auto" style="width: 200px;"">
|
<div class="m-x-auto" style="width: 200px;">
|
||||||
Centered element
|
Centered element
|
||||||
</div>
|
</div>
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user