From f93930199ea3db27ed4dc258e4bf5a38d00bf653 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 3 Jan 2017 20:08:10 -0800 Subject: [PATCH] Update custom content example for list group to use utils so the layout doesn't break --- docs/components/list-group.md | 32 ++++++++++++++++++++++---------- 1 file changed, 22 insertions(+), 10 deletions(-) diff --git a/docs/components/list-group.md b/docs/components/list-group.md index 3b30f7d8d6..4316516aec 100644 --- a/docs/components/list-group.md +++ b/docs/components/list-group.md @@ -137,21 +137,33 @@ Add badges to any list group item to show unread counts, activity, and more with ## Custom content -Add nearly any HTML within, even for linked list groups like the one below. +Add nearly any HTML within, even for linked list groups like the one below, with the help of [flexbox utilities]({{ site.baseurl }}/utilities/flexbox/). {% example html %}
- -
List group item heading
- Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit. + +
+
List group item heading
+ 3 days ago +
+

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

+ Donec id elit non mi porta. - -
List group item heading
- Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit. + +
+
List group item heading
+ 3 days ago +
+

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

+ Donec id elit non mi porta. - -
List group item heading
- Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit. + +
+
List group item heading
+ 3 days ago +
+

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

+ Donec id elit non mi porta.
{% endexample %}