diff options
author | Mark Otto <markd.otto@gmail.com> | 2020-05-14 20:48:46 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2020-06-04 17:53:16 +0300 |
commit | ac48bbe081be4c9df28dbf0257a63379f23e8144 (patch) | |
tree | 923cb61efd0b4d011a4e5965c6e64d921a0bd327 /site/docs | |
parent | f4a7888af5dd5291fdd769e92690ca38d51e56f8 (diff) |
Simplify list-group borders in cards (#30808)
Diffstat (limited to 'site/docs')
-rw-r--r-- | site/docs/4.5/components/card.md | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/site/docs/4.5/components/card.md b/site/docs/4.5/components/card.md index b234eeaa5a..18e1c0fabb 100644 --- a/site/docs/4.5/components/card.md +++ b/site/docs/4.5/components/card.md @@ -107,6 +107,20 @@ Create lists of content in a card with a flush list group. {% endcapture %} {% include example.html content=example %} +{% capture 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> +{% endcapture %} +{% include example.html content=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. |