Натисніть і витягніть у фундаментну сітку - zurb-foundation, zurb-foundation-5

Мені потрібна макет у фундаменті, що на середньому і вище:

[8][4A]
[4B]

І на малих:

[4A]
[8]
[4B]

Я наближаюсь до досягнення цієї мети, але коли у мене є багато контенту в моєму 8 блоці, 4B натиснута на сторінку, мені потрібно це на сайті прямо під 4A

Ось а codepen

Відповіді:

Чи можете ви скласти їх у такому порядку або конфліктує з вашим шаблоном? Схоже, виправити розрив

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