私はこれに似たトップバーをやっています:
http://foundation.zurb.com/page-templates4/workspace.html
要件は小さいデバイスのみです。すべてを非表示にして、検索バーのみを全幅で表示するのが好きです。.hide-for-smallforなどを使用して「非表示」を機能させましたが、検索バーを小さなサイズで全幅にする適切な方法.title-area aがわかりません。ハッキングしたくありません。
私は下に置い.rowてみましたが、それはそれをさらに台無しにしました. 行/列は使用されるべきではないと思いますか?.small-12 .large-12 .columns.top-bar-sectiontop-bar
望ましい結果は次のとおりです。
私のオプションは何ですか？自分でカスタマイズしtop-barますか? または、全幅を強制するクラスがありtop-bar-sectionますか?