diff --git a/scss/_list-group.scss b/scss/_list-group.scss
index 3d82f8f43..ee5a67516 100644
--- a/scss/_list-group.scss
+++ b/scss/_list-group.scss
@@ -85,6 +85,12 @@
   }
 }
 
+// Explicit override to allow numbers to show when using an <ol>
+ol.list-group > .list-group-item {
+  display: list-item;
+  list-style-position: inside;
+}
+
 
 // Horizontal
 //
diff --git a/site/content/docs/5.0/components/list-group.md b/site/content/docs/5.0/components/list-group.md
index 1debfdd69..191e19ae5 100644
--- a/site/content/docs/5.0/components/list-group.md
+++ b/site/content/docs/5.0/components/list-group.md
@@ -20,6 +20,18 @@ The most basic list group is an unordered list with list items and the proper cl
 </ul>
 {{< /example >}}
 
+When the `.list-group` class is applied to an `<ol>` ordered list, list item numbers are also shown.
+
+{{< example >}}
+<ol class="list-group">
+  <li class="list-group-item">Cras justo odio</li>
+  <li class="list-group-item">Dapibus ac facilisis in</li>
+  <li class="list-group-item">Morbi leo risus</li>
+  <li class="list-group-item">Porta ac consectetur ac</li>
+  <li class="list-group-item">Vestibulum at eros</li>
+</ol>
+{{< /example >}}
+
 ## Active items
 
 Add `.active` to a `.list-group-item` to indicate the current active selection.
@@ -254,7 +266,6 @@ And if you want `<label>`s as the `.list-group-item` for large hit areas, you ca
 </div>
 {{< /example >}}
 
-
 ## JavaScript behavior
 
 Use the tab JavaScript plugin—include it individually or through the compiled `bootstrap.js` file—to extend our list group to create tabbable panes of local content.