From cba7b510815c23d55f25c01300c21191b194b1a7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 22 Dec 2016 16:46:10 -0800 Subject: [PATCH] redo subheadings and organization of card layout options --- docs/components/card.md | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/docs/components/card.md b/docs/components/card.md index e3c89e6c30..77f41ca576 100644 --- a/docs/components/card.md +++ b/docs/components/card.md @@ -489,12 +489,14 @@ In need of a colored card, but not the hefty background colors they bring? Repla {% endexample %} -## Groups +## Card layout + +In addition to styling the content within cards, Bootstrap includes a few options for laying out series of cards. For the time being, **these layout options are not yet responsive**. + +### Card groups Use card groups to render cards as a single, attached element with equal width and height columns. Card groups use `display: flex;` to achieve their uniform sizing. -Only applies to small devices and above. - {% example html %}
@@ -524,9 +526,8 @@ Only applies to small devices and above.
{% endexample %} -## Decks +When using card groups with footers, their content will automatically line up. -Need a set of equal width and height cards that aren't attached to one another? Use card decks. By default, card decks require two wrapping elements: `.card-deck-wrapper` and a `.card-deck`. We use table styles for the sizing and the gutters on `.card-deck`. The `.card-deck-wrapper` is used to negative margin out the `border-spacing` on the `.card-deck`. Only applies to small devices and above.