diff options
| author | Mark Otto <[email protected]> | 2016-12-22 16:44:54 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-12-22 16:44:54 -0800 |
| commit | 49315dc16daf2413a6db3e62fcabf952787eb4c7 (patch) | |
| tree | a130c81a63f956858282a5b794cf247a878797b8 /docs/components | |
| parent | 85525e29407e54b96e0c62ec69e7d6f795870527 (diff) | |
| download | bootstrap-49315dc16daf2413a6db3e62fcabf952787eb4c7.tar.xz bootstrap-49315dc16daf2413a6db3e62fcabf952787eb4c7.zip | |
redo image section for intros and subheadings
Diffstat (limited to 'docs/components')
| -rw-r--r-- | docs/components/card.md | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/docs/components/card.md b/docs/components/card.md index 78d865544..00bc50e51 100644 --- a/docs/components/card.md +++ b/docs/components/card.md @@ -322,9 +322,13 @@ Add some navigation to a card's header (or block) with Bootstrap's [nav componen </div> {% endexample %} -## Image caps +## Images -Similar to headers and footers, cards include top and bottom image caps. +Cards include a few options for working with images. Choose from appending "image caps" at either end of a card, overlaying images with card content, or simply embedding the image in a card. + +### Image caps + +Similar to headers and footers, cards can include top and bottom "image caps"—images at the top or bottom of a card. {% example html %} <div class="card"> @@ -345,7 +349,7 @@ Similar to headers and footers, cards include top and bottom image caps. </div> {% endexample %} -## Image overlays +### Image overlays Turn an image into a card background and overlay your card's text. Depending on the image, you may or may not need `.card-inverse` (see below). |