1

私は絶対にびっくりして、リモートでもうまくいくように見える解決策を見つけることができません!! 右側にコンテンツが表示される垂直タブを作成しようとしています。Foundation 4 フレームワークを使用しています。ドキュメントで垂直ナビゲーションを使用するとタブが作成されますが、右に移動できないようです。どんなアイデアでも大歓迎です。私は財団のドキュメントに記載されているコードを使用しています: http://foundation.zurb.com/docs/components/section.html。垂直ナビゲーションを参照してください。

私が達成しようとしていることを示すスクリーンショット: http://i47.tinypic.com/246nmnr.jpg

助けてくれてどうもありがとう。

4

1 に答える 1

1

コンテンツとナビゲーションを列に配置します。以下の例を参照し、ここで実際の動作を確認してください。の効果を確認するには、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>
于 2013-04-19T01:34:05.503 に答える