diff options
Diffstat (limited to 'docs/components')
| -rw-r--r-- | docs/components/list-group.md | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/docs/components/list-group.md b/docs/components/list-group.md index 4316516ae..f3b5b7c89 100644 --- a/docs/components/list-group.md +++ b/docs/components/list-group.md @@ -116,19 +116,19 @@ Contextual classes also work with `.list-group-item-action`. Note the addition o ## With badges -Add badges to any list group item to show unread counts, activity, and more with the help of some utilities. Note the [`justify-content-between` utility class]({{ site.baseurl }}/layout/grid/#horizontal-alignment) and the badge's placement. +Add badges to any list group item to show unread counts, activity, and more with the help of some [utilities]({{ site.baseurl }}/utilities/flexbox/). {% example html %} <ul class="list-group"> - <li class="list-group-item justify-content-between"> + <li class="list-group-item d-flex justify-content-between align-items-center"> Cras justo odio <span class="badge badge-default badge-pill">14</span> </li> - <li class="list-group-item justify-content-between"> + <li class="list-group-item d-flex justify-content-between align-items-center"> Dapibus ac facilisis in <span class="badge badge-default badge-pill">2</span> </li> - <li class="list-group-item justify-content-between"> + <li class="list-group-item d-flex justify-content-between align-items-center"> Morbi leo risus <span class="badge badge-default badge-pill">1</span> </li> |