diff options
| author | Mark Otto <[email protected]> | 2017-10-17 22:05:01 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2017-10-17 22:05:01 -0700 |
| commit | 85fd22bd47e71b90bb57e574a1f5f760029557e0 (patch) | |
| tree | 4d4b42d475222d9a28b388db10313fec69582950 | |
| parent | dd9d5cb8de5f62b1f15945d7c04c7541dbfbf58c (diff) | |
| download | bootstrap-85fd22bd47e71b90bb57e574a1f5f760029557e0.tar.xz bootstrap-85fd22bd47e71b90bb57e574a1f5f760029557e0.zip | |
Revert #23108 to restore list group borders (#24411)
* 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
| -rw-r--r-- | docs/4.0/components/card.md | 13 | ||||
| -rw-r--r-- | scss/_list-group.scss | 5 |
2 files changed, 13 insertions, 5 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. diff --git a/scss/_list-group.scss b/scss/_list-group.scss index ce3876b6c..7e0b19e01 100644 --- a/scss/_list-group.scss +++ b/scss/_list-group.scss @@ -86,13 +86,8 @@ .list-group-flush { .list-group-item { border-right: 0; - border-bottom: 0; border-left: 0; border-radius: 0; - - &:first-child { - border-top: 0; - } } &:first-child { |