Schieben und einziehen Fundamentgrid - zurb-foundation, zurb-foundation-5

Ich brauche ein Layout in der Foundation, dass auf Medium und darüber ist:

[8][4A]
[4B]

Und auf klein:

[4A]
[8]
[4B]

Ich bin nah dran, das zu erreichen, aber wenn ich viel Inhalt in meinem 8-Block habe, wird 4B auf der Seite nach unten geschoben, ich brauche es direkt unterhalb von 4A

Hier ist ein Codepen

Antworten:

Können Sie sie in dieser Reihenfolge stapeln oder wird das mit Ihrer Vorlage kollidieren? Scheint, die Lücke zu beheben

<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>

wenn du willst 4b unter dem sein column medium-8 füge dann a hinzu .clearfix Danach

  <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>