Bootstrap : Crear listas

Crear listas con Bootstrap

Bootstrap class: .list-inline    (se aplica a Bootstrap  v4 y v5)

Si desea crear un menú horizontal utilizando la lista ordenada o desordenada, debe colocar todos los elementos de la lista en una sola línea (es decir, uno al lado del otro). Puede hacer esto simplemente agregando la clase .list-inline a  <ul> o  <ol>, y la clase .list-inline-item a los   <li>  elementos secundarios.

sintaxis:

<ul class="list-inline">
    <li class="list-inline-item">Home</li>
    <li class="list-inline-item">Products</li>
    <li class="list-inline-item">About Us</li>
    <li class="list-inline-item">Contact</li>
</ul>

Otras Fuentes

Demo 1 Demo 2