Skip to content Skip to main navigation Report an accessibility issue

List Inline

Documentation

Usage: Place your list item inline.

Do
  • Remember the phones. Some users will see your content on narrow screens and long horizontal lists will not always fit.
Don’t
  • Do not use with long lists or with lists with long list items.

Example

  • Consectetur elit
  • Integer lorem at massa
  • Facilisis in nisl aliquet

Code

HTML
<ul class="list-inline">
  <li>Consectetur elit</li>
  <li>Integer lorem at massa</li>
  <li>Facilisis in nisl aliquet</li>
</ul>