From a6f03b0f71ae5c6b70be7f28057412be95b4ba71 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 20 Dec 2016 15:02:07 -0800 Subject: [PATCH] update docs to use .mt-1 on floated labels; clarify docs for guidance --- docs/components/list-group.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/components/list-group.md b/docs/components/list-group.md index 820470bbba..8a02f98648 100644 --- a/docs/components/list-group.md +++ b/docs/components/list-group.md @@ -27,26 +27,26 @@ The most basic list group is simply an unordered list with list items, and the p ## Badge -Add badges to any list group item to show unread counts, activity, etc. +Add badges to any list group item to show unread counts, activity, and more with the help of some utilities. Below we use `.float-right` and `.mt-1` to align the badge to this example's specific needs, but you may need different or additional utilities. {% example html %} {% 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-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 and margin utilities on the badges. {% highlight html %}