navbar：如何避免在折叠时堆叠菜单项？

Question

我有一个导航栏 - 因为即使在xs屏幕上也有足够的空间 - 想要删除我的选项的标题并在宽度变得足够小时显示它们的图标。所以我将文本放在span中class="hide-xs" - 实际上，它在xs上消失了。但是，在xs上，每个菜单项都有自己的行，而我希望它们可以浮动。

示例here

我希望用CSS可以实现，但不知道如何实现。正如同事评论说这需要JS ......然后离开，所以我不知道他的意思......

Answer 1

只需添加此

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