From dda58baf4a2d1139bb26be607dc6990d50d3991f Mon Sep 17 00:00:00 2001
From: Pieter-Jan De Ridder <pieter-jan.deridder@intracto.com>
Date: Fri, 17 Jan 2020 10:44:15 +0100
Subject: [PATCH 1/2] nested list-group-horizontal in list-group-flus border
 fix

---
 scss/_list-group.scss                         |  6 +--
 .../content/docs/4.3/components/list-group.md | 52 +++++++++++++++++++
 2 files changed, 54 insertions(+), 4 deletions(-)

diff --git a/scss/_list-group.scss b/scss/_list-group.scss
index 057eb8057dab..b148c5c47293 100644
--- a/scss/_list-group.scss
+++ b/scss/_list-group.scss
@@ -132,7 +132,7 @@
 // useful within other components (e.g., cards).
 
 .list-group-flush {
-  .list-group-item {
+  > .list-group-item {
     border-right-width: 0;
     border-left-width: 0;
     @include border-radius(0);
@@ -140,10 +140,8 @@
     &:first-child {
       border-top-width: 0;
     }
-  }
 
-  &:last-child {
-    .list-group-item:last-child {
+    &:last-child {
       border-bottom-width: 0;
     }
   }
diff --git a/site/content/docs/4.3/components/list-group.md b/site/content/docs/4.3/components/list-group.md
index a9bb3acd2228..f7d0c40a8487 100644
--- a/site/content/docs/4.3/components/list-group.md
+++ b/site/content/docs/4.3/components/list-group.md
@@ -112,6 +112,58 @@ Add `.list-group-horizontal` to change the layout of list group items from verti
 {{< /list-group.inline >}}
 {{< /example >}}
 
+## Nested
+
+Listed group and listed group flush with nested lists inside of them.
+
+{{< example >}}
+<div class="container">
+  <div class="mb-2"><b>List Group</b></div>
+  <div class="list-group">
+    <div class="list-group-item">Group item</div>
+    <div class="list-group-item">
+      <b class="mb-2">List Group Horizontal</b>
+      <div class="list-group list-group-horizontal">
+        <div class="list-group-item">Group item 1</div>
+        <div class="list-group-item">Group item 2</div>
+        <div class="list-group-item">Group item 3</div>      
+      </div>
+    </div>  
+    <div class="list-group-item">
+      <b class="mb-2">List Group</b>
+      <div class="list-group">
+        <div class="list-group-item">Group item 1</div>
+        <div class="list-group-item">Group item 2</div>
+        <div class="list-group-item">Group item 3</div>      
+      </div>
+    </div>
+  </div>
+
+  <br class="my-4" />
+
+  <div class="mb-2"><b>List Group Flush</b></div>
+  <div class="list-group list-group-flush">
+    <div class="list-group-item">Group item</div>
+    <div class="list-group-item">
+      <b class="mb-2">List Group Horizontal</b>
+      <div class="list-group list-group-horizontal">
+        <div class="list-group-item">Group item 1</div>
+        <div class="list-group-item">Group item 2</div>
+        <div class="list-group-item">Group item 3</div>      
+      </div>
+    </div>
+    <div class="list-group-item">
+      <b class="mb-2">List Group</b>
+      <div class="list-group">
+        <div class="list-group-item">Group item 1</div>
+        <div class="list-group-item">Group item 2</div>
+        <div class="list-group-item">Group item 3</div>      
+      </div>
+    </div>
+  </div>
+</div>
+{{< /example >}}
+
 ## Contextual classes
 
 Use contextual classes to style list items with a stateful background and color.

From 72ac58a12dc178d7a878c57a0467e7f57b0534e7 Mon Sep 17 00:00:00 2001
From: Martijn Cuppens <martijn.cuppens@gmail.com>
Date: Fri, 17 Jan 2020 15:44:49 +0100
Subject: [PATCH 2/2] Use headings

---
 site/content/docs/4.3/components/list-group.md | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/site/content/docs/4.3/components/list-group.md b/site/content/docs/4.3/components/list-group.md
index f7d0c40a8487..c258119bbf26 100644
--- a/site/content/docs/4.3/components/list-group.md
+++ b/site/content/docs/4.3/components/list-group.md
@@ -118,11 +118,11 @@ Listed group and listed group flush with nested lists inside of them.
 
 {{< example >}}
 <div class="container">
-  <div class="mb-2"><b>List Group</b></div>
-  <div class="list-group">
+  <h3>List Group</h3>
+  <div class="list-group mb-4">
     <div class="list-group-item">Group item</div>
     <div class="list-group-item">
-      <b class="mb-2">List Group Horizontal</b>
+      <h4>List Group Horizontal</h4>
       <div class="list-group list-group-horizontal">
         <div class="list-group-item">Group item 1</div>
         <div class="list-group-item">Group item 2</div>
@@ -130,7 +130,7 @@ Listed group and listed group flush with nested lists inside of them.
       </div>
     </div>  
     <div class="list-group-item">
-      <b class="mb-2">List Group</b>
+      <h4>List Group</h4>
       <div class="list-group">
         <div class="list-group-item">Group item 1</div>
         <div class="list-group-item">Group item 2</div>
@@ -139,13 +139,11 @@ Listed group and listed group flush with nested lists inside of them.
     </div>
   </div>
 
-  <br class="my-4" />
-
-  <div class="mb-2"><b>List Group Flush</b></div>
+  <h3>List Group Flush</h3>
   <div class="list-group list-group-flush">
     <div class="list-group-item">Group item</div>
     <div class="list-group-item">
-      <b class="mb-2">List Group Horizontal</b>
+      <h4>List Group Horizontal</h4>
       <div class="list-group list-group-horizontal">
         <div class="list-group-item">Group item 1</div>
         <div class="list-group-item">Group item 2</div>
@@ -153,7 +151,7 @@ Listed group and listed group flush with nested lists inside of them.
       </div>
     </div>
     <div class="list-group-item">
-      <b class="mb-2">List Group</b>
+      <h4>List Group</h4>
       <div class="list-group">
         <div class="list-group-item">Group item 1</div>
         <div class="list-group-item">Group item 2</div>