モバイルに焦点を当てた webapp を構築しています。トップバーにいくつかのナビゲーション/アクション アイテムを表示したいのですが、現在の Foundation のロジックでは、小さい画面ではすべてがスライド メニューに隠されています。タブレットに 500px のスペースがあるときに、トップバーの項目が非表示になっていると面倒です。
表示するのに十分なスペースがあるときに、小さな画面でアイテムを表示する方法を教えてください。Twitter Bootstrap にはこの機能があり、「アイテムを入れ子にしない」という簡単な方法がありdiv.nav-collapseます。
Foundation 4.2.1 を使用しています。CSS のみで、JS は使用していません。