navbar：如何避免崩潰菜單項的堆疊？

Question

我有一個導航欄，因爲即使在xs屏幕上也有足夠的空間 - 只需刪除我的選項的標題，並在寬度足夠小時顯示它們的圖標。所以我把文字放在span的class="hide-xs" - 事實上，它在xs上消失了。但是，在xs上，每個菜單項都有自己的行，而我希望它們浮動。

樣品here

我希望它可以用CSS來實現，但不知道怎麼辦。作爲同事評論說，這將需要JS ...就走了，所以我不知道他是什麼意思？

Answer 1

只需添加這

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