List

.list-unstyled removes bullets and left padding from the list's immediate <li> children only, so nested lists keep their bullets. .list-inline with .list-inline-item on each item lays items out in a row with a 0.5rem gap, which suits footer links. A description list becomes two columns when you put .row on the <dl> and grid column classes (Grid Layout) on <dt> and <dd>; .text-truncate cuts a long term with an ellipsis. Code renders all three list styles.