Good for a table of statistics, or contents.
Use an unordered list to... list things, if the order of the items doesn't matter.
Use an ol when creating a list where the order of the items is important, like ranking pizza toppings from best to worst.
Think bullets are for chumps? Use class .no-bullet
.
A definition list (<dl>
) is used to display name-value pairs, like metadata or a dictionary definition. Each term (<dt>
) is paired with one or more definitions (<dd>
).
Want to use the font icons as your "bullet"? Add the class .icon-bullet
to your <li>
and then insert the icon code at the start of list item.
Have items you want to show horizontall and a using the grid layout is too much, here are a few of techniques:
Combine a ul
with class .inline
.
Combine a ul
with class .inline
, then give your li
a .badge
.
The .lead
class on the ul
bumps up the size of the font.
You can read more as a button, if it's a primary call to action, or a link, if it's not as important.