From 433df0c67e0d480f3852924a47994149a8a4c5b6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 22 Dec 2016 16:46:29 -0800 Subject: [PATCH] add aligned footer example --- docs/components/card.md | 34 ++++++++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) diff --git a/docs/components/card.md b/docs/components/card.md index 77f41ca576..6fa30a9f6d 100644 --- a/docs/components/card.md +++ b/docs/components/card.md @@ -528,6 +528,40 @@ Use card groups to render cards as a single, attached element with equal width a When using card groups with footers, their content will automatically line up. +{% example html %} +
+
+ Card image cap +
+

Card title

+

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+
+
+ Last updated 3 mins ago +
+
+
+ Card image cap +
+

Card title

+

This card has supporting text below as a natural lead-in to additional content.

+
+
+ Last updated 3 mins ago +
+
+
+ Card image cap +
+

Card title

+

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

+
+
+ Last updated 3 mins ago +
+
+
+{% endexample %} Only applies to small devices and above.