mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-11 18:02:28 +03:00
Rename .flex-xs-* and .flex-items-xs-* to .flex-* and .flex-items-* (#21218)
* Clean up _flex.scss a little This commit just cleans up the formating of _flex.scss by changing it so that it uses a single `@include media-breakpoint-up` instead of multiple. It also aligns all of the CSS properties so it looks a bit nicer. * Remove `-xs` from flex classes
This commit is contained in:
@@ -282,7 +282,7 @@ And pills, too:
|
||||
Using our [flexbox utilities]({{ site.baseurl }}/layout/flexbox-grid/#horizontal-alignment), you can also customize your navigation components to change the alignment of nav items. For example, here are center aligned links on the inline nav component.
|
||||
|
||||
{% example html %}
|
||||
<ul class="nav nav-inline d-flex flex-items-xs-center">
|
||||
<ul class="nav nav-inline d-flex flex-items-center">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="#">Active</a>
|
||||
</li>
|
||||
|
||||
Reference in New Issue
Block a user