如何在Firefox / IE上隐藏导航栏溢出

Question

我有一个问题，就是在bootstrap导航栏上隐藏了溢出。 如果页面宽度较小，我希望隐藏导航栏元素。 我使用以下方法处理chrome：

white-space: nowrap; overflow: hidden;

但它不适用于Firefox和IE。元素包裹在两行或更多行中。

这是示例：plunker example

我也试过了： overflow-x: hidden; 但它在FIrefox / IE上也不起作用。

Answer 1

而不是float: left使用

display: inline-block;

在li元素上。

（在Firefox上测试）