【发布时间】：2013-07-01 07:46:18
【问题描述】：
我正在做类似这样的顶栏：
http://foundation.zurb.com/page-templates4/workspace.html
唯一的要求是在较小的设备上，我喜欢隐藏所有内容，只全宽显示搜索栏。我通过将.hide-for-small 用于.title-area a 和其他人的“隐藏”工作，但我无法弄清楚正确的方法 使搜索栏全宽小尺寸。我不想破解。
我试图将.row 和.small-12 .large-12 .columns 放在.top-bar-section 下，但这只会更糟。我相信行/列不应该在top-bar 中使用？
这是期望的结果：
我有哪些选择？我要自定义我自己的top-bar 吗？或者是否有一些类强制top-bar-section 的全宽？
【问题讨论】：
标签： html css responsive-design stylesheet zurb-foundation