我正在做类似这样的顶栏：
http://foundation.zurb.com/page-templates4/workspace.html
唯一的要求是在较小的设备上，我喜欢隐藏所有内容，只显示全宽搜索栏。.hide-for-small我通过使用for和其他人得到了“隐藏” .title-area a，但我无法弄清楚让搜索栏以小尺寸全宽显示的正确方法。我不想破解。
我试图把它放在下面，.row但这只是把它搞砸了。我相信行/列不应该用于？.small-12 .large-12 .columns.top-bar-sectiontop-bar
这是期望的结果：
我有哪些选择？我自己定制top-bar吗？或者是否有一些类强制全宽top-bar-section？