/ / Натиснете и издърпайте в основата на мрежата - zurb-foundation, zurb-foundation-5

Натиснете и издърпайте в основата на мрежата - zurb-foundation, zurb-foundation-5

Имам нужда от оформление в основата, че на средно и по-горе е:

[8][4A]
[4B]

И на малки:

[4A]
[8]
[4B]

Аз съм близо до постигането на това, но когато имам много съдържание в моя 8 блок, 4B е натиснат надолу по страницата, имам нужда от него до сайта точно под 4А

Тук е codepen

Отговори:

0 за отговор № 1

Можете ли да ги стекате в този ред или ще се противопоставят на вашия шаблон? Изглежда да се поправи разликата

<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 след това добавете a .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>