]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
Revert #23108 to restore list group borders (#24411)
authorMark Otto <markd.otto@gmail.com>
Wed, 18 Oct 2017 05:05:01 +0000 (22:05 -0700)
committerGitHub <noreply@github.com>
Wed, 18 Oct 2017 05:05:01 +0000 (22:05 -0700)
* 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

docs/4.0/components/card.md
scss/_list-group.scss

index 5da0ef0393154e62ca67f4f332b3b920a8e619a7..76f4757ec11728f3f115a776b89b71fa842ae2ff 100644 (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.
index ce3876b6cb8006148da9ff73179e4084090132ee..7e0b19e01ea62dddbdc24199538675d0ee5a9b1c 100644 (file)
 .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 {