/ / Stlačte a vytiahnite základnú mriežku - zurb-foundation, zurb-foundation-5

Zatlačte a vytiahnite základnú mriežku - zurb-foundation, zurb-foundation-5

Potrebujem usporiadanie v základoch, že na strednom a vyššom je:

[8][4A]
[4B]

A na malých:

[4A]
[8]
[4B]

I'm blízko k dosiahnutiu tohto, ale keď mám veľa obsahu v mojom 8 bloku, 4B je tlačený nadol stránky, potrebujem, aby miesto priamo pod 4A

Tu je a codepen

odpovede:

0 pre odpoveď č. 1

Môžete ich stacť v tomto poradí alebo to bude v konflikte s vašou šablónou? Zdá sa, že medzeru napravíte

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

Ak chceš 4b byť nižšie ako column medium-8 potom pridajte .clearfix potom

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