diff options
| author | Starsam80 <[email protected]> | 2016-11-27 16:19:27 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-11-27 15:19:27 -0800 |
| commit | 8d031090d0f2a42b392b3452416539334562e3a7 (patch) | |
| tree | 0950a48e0d9d95195a8f905256d3a204f5ceba49 /docs/components | |
| parent | 94be2d2254a9cf807725d391347b24d5a290a41f (diff) | |
| download | bootstrap-8d031090d0f2a42b392b3452416539334562e3a7.tar.xz bootstrap-8d031090d0f2a42b392b3452416539334562e3a7.zip | |
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
Diffstat (limited to 'docs/components')
| -rw-r--r-- | docs/components/list-group.md | 8 | ||||
| -rw-r--r-- | docs/components/navs.md | 2 |
2 files changed, 5 insertions, 5 deletions
diff --git a/docs/components/list-group.md b/docs/components/list-group.md index 49a6ced63..820470bbb 100644 --- a/docs/components/list-group.md +++ b/docs/components/list-group.md @@ -46,19 +46,19 @@ Add badges to any list group item to show unread counts, activity, etc. </ul> {% endexample %} -When in flexbox mode, you'll need to rearrange the contents of your list group items. To replicate the right-aligned badges as shown above, use the following example's code. Note the [`flex-items-xs-between` utility class]({{ site.baseurl }}/layout/flexbox-grid/#horizontal-alignment), the badge's placement, and the lack of a float utility on the badges. +When in flexbox mode, you'll need to rearrange the contents of your list group items. To replicate the right-aligned badges as shown above, use the following example's code. Note the [`flex-items-between` utility class]({{ site.baseurl }}/layout/flexbox-grid/#horizontal-alignment), the badge's placement, and the lack of a float utility on the badges. {% highlight html %} <ul class="list-group"> - <li class="list-group-item flex-items-xs-between"> + <li class="list-group-item flex-items-between"> Cras justo odio <span class="badge badge-default badge-pill">14</span> </li> - <li class="list-group-item flex-items-xs-between"> + <li class="list-group-item flex-items-between"> Dapibus ac facilisis in <span class="badge badge-default badge-pill">2</span> </li> - <li class="list-group-item flex-items-xs-between"> + <li class="list-group-item flex-items-between"> Morbi leo risus <span class="badge badge-default badge-pill">1</span> </li> diff --git a/docs/components/navs.md b/docs/components/navs.md index 86fd0463f..7ac1b5232 100644 --- a/docs/components/navs.md +++ b/docs/components/navs.md @@ -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> |