navbar: comment éviter l'empilement de menuitems sur l'effondrement?

Question

J'ai une barre de navigation et - parce qu'il y a suffisamment d'espace même sur les écrans xs - je veux supprimer seulement les titres de mes options et montrer leurs icônes à la place quand la largeur devient suffisamment petite. J'ai donc placé le texte en span s avec class="hide-xs" - et en effet, il disparaît sur xs. Cependant, sur xs, chaque élément de menu obtient sa propre ligne, alors que je voudrais qu'ils flottent.

échantillon here

J'espère qu'il peut être réalisé avec CSS, mais je ne sais pas comment. Comme commenté collègue de travail cela nécessiterait JS ... et à gauche, donc je ne sais pas ce qu'il voulait dire ...

Answer 1

ajouter ceci

.nav>li { 
    display: inline-block; 
}