Como exibir uma lista em linha usando o Bootstrap do Twitter

Quero exibir uma lista em linha usando o Bootstrap. Existe uma classe que posso adicionar no Bootstrap para conseguir isso?

Bootstrap 2.3.2

<ul class="inline">
  <li>...</li>
</ul>

Bootstrap 3

<ul class="list-inline">
  <li>...</li>
</ul>

Bootstrap 4

<ul class="list-inline">
  <li class="list-inline-item">Lorem ipsum</li>
  <li class="list-inline-item">Phasellus iaculis</li>
  <li class="list-inline-item">Nulla volutpat</li>
</ul>

fonte: http://v4-alpha.getbootstrap.com/content/typography/#inline

Link atualizado https://getbootstrap.com/docs/4.4/content/typography/#inline

De acordo com a documentação do Bootstrap de 2.3.2 e 3, a classe deve ser definida assim:

Bootstrap 2.3.2

<ul class="inline">
  <li>...</li>
</ul>

Bootstrap 3

<ul class="list-inline">
  <li>...</li>
</ul>

Embora a resposta do TheBrent seja verdadeira em geral, ela não responde à pergunta de como fazê-lo da maneira oficial de inicialização. A marcação para o bootstrap é simples:

<ul class="inline">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

Fonte

http://jsfiddle.net/MgcDU/4602/

Para completar a resposta de Raymond

Bootstrap 2.3.2

<ul class="inline">
  <li>...</li>
</ul>

Bootstrap 3

<ul class="list-inline">
  <li>...</li>
</ul>

Bootstrap 4

<ul class="list-inline">
  <li class="list-inline-item">Lorem ipsum</li>
  <li class="list-inline-item">Phasellus iaculis</li>
  <li class="list-inline-item">Nulla volutpat</li>
</ul>

fonte: http://v4-alpha.getbootstrap.com/content/typography/#inline

Não encontrei nada específico no arquivo bootstrap.css. Então, adicionei o css a um arquivo css personalizado.

.inline li {
    display: inline;
}

Fiquei espantado, a lista em linha não estava funcionando no bootstrap 4 e, finalmente, consegui na documentação do bootstrap 4.

Bootstrap 3 e 4

<ul class="list-inline">
  <li class="list-inline-item">Lorem ipsum</li>
  <li class="list-inline-item">Phasellus iaculis</li>
  <li class="list-inline-item">Nulla volutpat</li>
</ul>

Fonte: http://v4-alpha.getbootstrap.com/content/typography/#inline

Esta solução funciona usando o Bootstrap v2, no entanto, no TBS3 a classe INLINE. Eu não descobri qual é a classe equivalente (se houver) no TBS3.

Este senhor teve um bom artigo das diferenças entre v2 e v3.

http://mattduchek.com/differences-between-bootstrap-v2-3-and-v3-0/

EDIT - use CSS para direcionar os lielementos para resolver o seu problema como abaixo

    { display: inline-block; }

Na minha situação, eu estava alvejando o UL, em vez do LI

    nav ul li { display: inline-block; }

Inline não é realmente o inline que talvez exijamos - ou seja, display: inline

Bootstrap embutido, tanto quanto eu observador, é mais uma orientação horizontal

Para exibir a lista em linha com outros elementos, precisamos

display: inline; added to the UL

<ul class="unstyled inline" style="display:inline">

NB // Adicionar à folha de estilo

De acordo com a documentação do Bootstrap, você precisa adicionar a classe 'inline' à sua lista; como isso:

<ul class="inline">
    <li>Item one</li>
    <li>Item two</li>
    <li>Item three</li>
</ul>

No entanto, isso não funciona, pois parece haver algum CSS ausente no arquivo CSS do Bootstrap referente à classe 'inline'. Além disso, adicione as seguintes linhas ao seu arquivo CSS para fazê-lo funcionar:

ul.inline > li, ol.inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}