From 6f9d8d7080b4215d9b58e72b6a951e39c9ae8542 Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Tue, 24 Nov 2020 13:09:56 +0000 Subject: [PATCH 001/157] Tweak `list-group` to show numbers on list items when used on an `
    ` --- scss/_list-group.scss | 6 ++++++ site/content/docs/5.0/components/list-group.md | 13 ++++++++++++- 2 files changed, 18 insertions(+), 1 deletion(-) 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.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 {{< /example >}} +When the `.list-group` class is applied to an `
        ` ordered list, list item numbers are also shown. + +{{< example >}} +
          +
        1. Cras justo odio
          2. +
        2. Dapibus ac facilisis in
          3. +
        3. Morbi leo risus
          4. +
        4. Porta ac consectetur ac
          5. +
        5. Vestibulum at eros
          6. +
        +{{< /example >}} + ## Active items Add `.active` to a `.list-group-item` to indicate the current active selection. @@ -254,7 +266,6 @@ And if you want `