html - Zurb Foundation 4 - 高さいっぱいの柱を作成する方法

Question

フローティングパネルを作成しようとしています。SO のように左側で、グリッドから切り離してドキュメントの高さ全体を埋める必要があります。

---

これまでの私の実験：

<div class="row left">
    <div class="small-3">
        <div class="panel">
            Panel HTML
        </div>
    </div>
</div>
<div class="row">
    <div class="small-6 columns"><div class="panel">Main - Content</div></div>
    <div class="small-6 columns"><div class="panel">Main - Content</div></div>
</div>

以下を生成します。

Foundation を使用する際のベスト プラクティスが何であるかはわかりません。また、ドキュメントで参照を見つけることができませんでした。助けに感謝します:)

Answer 1

問題が見つかった場合はこちらhttps://github.com/zurb/foundation/issues/226

高さを同期するためにこのjqueryプラグインを試してくださいhttps://github.com/ginader/syncHeight（まだ試していません）

Answer 2

プロジェクトで jQuery を使用している場合は、jQuery.syncHeight の簡単なラッパーを作成しました。これにより、複数のインスタンス化で使いやすくなります。

https://gist.github.com/replete/5728123