navbar：崩壊時のメニューアイテムの積み重ねを避けるにはどうすればよいですか？

Question

私はnavbarを持っています。 - xs画面でも十分なスペースがあるので、自分のオプションのタイトルだけを削除して、幅が十分に小さくなったらアイコンを表示します。だから私はclass="hide-xs"とspanのsのテキストを配置し、実際にはxsで消えます。しかし、xsでは、すべてのメニューアイテムが独自の行を取得しますが、私はそれらを浮動小数点にしたいと思います。私はそれはCSSを用いて達成することができる期待していますが、方法がわからない

サンプルhere

。同僚が、これはJS必要になるコメント...と左、ので、私は彼が何を意味するのか分からない...

Answer 1

としてちょうどこの

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

を追加