rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

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
Show Stats 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> </div>
{% endexample %} {% 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 ### 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. 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.

5
scss/_list-group.scss
View File

@ -86,13 +86,8 @@
.list-group-flush { .list-group-flush {
.list-group-item { .list-group-item {
border-right: 0; border-right: 0;
border-bottom: 0;
border-left: 0; border-left: 0;
border-radius: 0; border-radius: 0;
&:first-child {
border-top: 0;
}
} }
&:first-child { &:first-child {