コンテンツとナビゲーションを列に配置します。以下の例を参照し、ここで実際の動作を確認してください。の効果を確認するには、jsfiddle の「結果」領域のサイズを変更する必要がありcolumns
ます。
<div class="row">
<div class="small-12 large-9 columns">
<p >This is your content area</p>
</div>
<div class="small-12 large-3 columns">
<div class="section-container vertical-nav" data-section="vertical-nav" style="">
<section class="section">
<p class="title"><a href="#">Privacy Policy</a></p>
</section>
<section class="section">
<p class="title"><a href="#">License agreement</a></p>
</section>
<section class="section">
<p class="title"><a href="#">DMCA</a></p>
</section>
<section class="section">
<p class="title"><a href="#">Proprietary Notices</a></p>
</section>
<section class="section">
<p class="title"><a href="#">Trademarks</a></p>
</section>
</div>
</div>
</div>