/ /基盤グリッドのプッシュ&プル - zurb-foundation、zurb-foundation-5

プッシュ・アンド・プル・イン・ファウンデーション・グリッド - zurb-foundation、zurb-foundation-5

私は、中位以上のものが基礎であるというレイアウトを必要としています:

[8][4A]
[4B]

そして、

[4A]
[8]
[4B]

私はこれを達成することに近いですが、私が8ブロックにたくさんのコンテンツを持っていると、4Bがページの下にプッシュされます、私は4Aのすぐ下のサイトに必要です

ここでは、 コードペイン

回答:

回答№1は0

あなたはこの順番でそれらを積み重ねることができますか、それともあなたのテンプレートと競合しますか?ギャップを修正するようだ

<div class="row text-center">
<div class="small-12 columns medium-4 medium-push-8 ">
<div class="panel">        4A</div>
<div class="panel">        4B</div>
</div>

<div class="small-12 medium-8 medium-pull-4 columns">
<div class="panel">
<p>Content</p>
<p>Content</p>
<p>Content</p>
</div>
</div>

お望みならば 4b その下にある column medium-8 その後、 .clearfix その後

  <div class="small-12 medium-8 medium-pull-4 columns">
<div class="panel">
<p>Content</p>
<p>Content</p>
</div>
</div>

<div class="clearfix"></div> // here clear floating position

<div class="small-12 columns medium-4 medium ">
<div class="panel">4A</div>
</div>