From: Mark Otto Date: Fri, 23 Dec 2016 00:46:10 +0000 (-0800) Subject: redo subheadings and organization of card layout options X-Git-Tag: v4.0.0-alpha.6~235^2~9 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=cba7b510815c23d55f25c01300c21191b194b1a7;p=thirdparty%2Fbootstrap.git redo subheadings and organization of card layout options --- 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,11 +489,13 @@ In need of a colored card, but not the hefty background colors they bring? Repla {% endexample %} -## Groups +## Card layout -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. +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**. -Only applies to small devices and above. +### 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. {% 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.