Consistent Styling for Nested Lists with Bootstrap

Question

Is there a way to make nested lists in twitter bootstrap look like a normal list, with the nested items simply indented (and have it work for an arbitrarily deep nesting)? B

Answer 1

I modified Marcos answer to work with Bootstrap 4 (and fort-awesome icons) since glyphicons are no longer part of Bootstrap. The main changes are:

• replace glyphicons by fort-awesome icons
• add class list-group-item-action to list-group-item
• redefine .collapse in css (maybe there is a better approach)

.collapse {
    display: none;
    &.show {
        display: block;
    }
}

JSFiddle