diff options
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/4.0/components/card.md | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/docs/4.0/components/card.md b/docs/4.0/components/card.md index 5da0ef039..76f4757ec 100644 --- a/docs/4.0/components/card.md +++ b/docs/4.0/components/card.md @@ -90,6 +90,19 @@ Create lists of content in a card with a flush list group. </div> {% endexample %} +{% example html %} +<div class="card" style="width: 20rem;"> + <div class="card-header"> + Featured + </div> + <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> +{% endexample %} + ### 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. |