基础顶部栏 - 如何在小屏幕上显示项目

Question

我正在构建专注于移动设备的webapp。我想在顶部栏上显示一些导航/动作项目，但当前的基础逻辑在小屏幕上将所有内容隐藏到滑动菜单中。如果我的topbar项目被隐藏，当我的平板电脑上有500px的空间时，这很烦人。

请帮助，当有足够的空间展示时，如何在小屏幕上显示项目？ Twitter Bootstrap具有此功能，很容易“不将项目嵌套到div.nav-collapse”。

我使用的是基础4.2.1，仅限CSS，没有JS。