Comment afficher une liste inline à l’aide de Twitter ' s Bootstrap

Question

Je veux afficher une liste inline à l’aide de Bootstrap. Est il une classe je peux ajouter du Bootstrap pour y parvenir ?

Answer 1

Bootstrap 3

Utiliser le `` classe.

Exemple : http://jsfiddle.net/MgcDU/7940/

Source : http://getbootstrap.com/css/#type-lists

Answer 2

Selon la documentation Bootstrap de 2.3.2 et 3, la classe doit être définie comme suit :

Bootstrap 2.3.2

Bootstrap 3

Answer 3

Réponse de TheBrent est vrai en général, il ne répond pas de la question de comment le faire dans la manière de « bootstrap » officielle. Le balisage de bootstrap est simple :

Source

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

Answer 4

Je ne pouvais pas trouver quelque chose de spécifique dans le fichier bootstrap.css. Alors, j’ai ajouté le css dans un fichier css personnalisé.

Answer 5

Cette solution fonctionne à l'aide de Bootstrap v2, cependant dans TBS3 la classe en ligne. Je n'ai pas compris quel est l'équivalent de la classe (si il y en a un) dans TBS3.

Ce monsieur avait un très bon article sur les différences entre v2 et v3.

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

EDIT - utiliser les CSS pour cibler votre problème avec élément

    { display: inline:block; }

Dans ma situation, j'ai été le ciblage de l'UL, au lieu de la LI

    nav ul li { display: inline-block; }