diff options
| author | Mark Otto <[email protected]> | 2020-05-14 10:48:46 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-05-14 19:48:46 +0200 |
| commit | 12a6576f48bca3ac563e3690fabcfe180cfc2da2 (patch) | |
| tree | db9615425c2f7259663684348033ba905adf0c15 /site/content/docs | |
| parent | 46d876314b37e1ada096f259f74cf0c54dcd8618 (diff) | |
| download | bootstrap-12a6576f48bca3ac563e3690fabcfe180cfc2da2.tar.xz bootstrap-12a6576f48bca3ac563e3690fabcfe180cfc2da2.zip | |
Simplify list-group borders in cards (#30808)
Diffstat (limited to 'site/content/docs')
| -rw-r--r-- | site/content/docs/5.0/components/card.md | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/site/content/docs/5.0/components/card.md b/site/content/docs/5.0/components/card.md index 4bb116f0f..3b250db73 100644 --- a/site/content/docs/5.0/components/card.md +++ b/site/content/docs/5.0/components/card.md @@ -101,6 +101,19 @@ Create lists of content in a card with a flush list group. </div> {{< /example >}} +{{< example >}} +<div class="card" style="width: 18rem;"> + <ul class="list-group list-group-flush"> + <li class="list-group-item">Cras justo odio</li> + <li class="list-group-item">Dapibus ac facilisis in</li> + <li class="list-group-item">Vestibulum at eros</li> + </ul> + <div class="card-footer"> + Card footer + </div> +</div> +{{< /example >}} + ### Kitchen sink Mix and match multiple content types to create the card you need, or throw everything in there. Shown below are image styles, blocks, text styles, and a list group—all wrapped in a fixed-width card. |