rev/bootstrap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Revert #23108 to restore list group borders (#24411)

Browse source 
* revert #23108, which had no bug but was a problem with the example code

* add example to the docs for future proofing

* move it up
This commit is contained in:
Mark Otto 2017-10-17 22:05:01 -07:00 • committed by GitHub
parent dd9d5cb8de
commit 85fd22bd47
2 changed files with 13 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

13
docs/4.0/components/card.md
View file

@ -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.