Фонд: как складывать столбцы в отзывчивой компоновке?

Question

Попытка выяснить, как сделать отзывчивый макет, используя Foundation. Я новичок в этом и знаком с возможностью использования push и pull, но я изо всех сил пытаюсь понять, как складывать элементы в одну строку.

Визуальная: http://i.imgur.com/q1LAvIa.png

<div class="row"> 
<div class="small-12 large-? columns"> A </div> 
<div class="small-12 large-? columns"> B </div> 
<div class="small-12 large-? columns"> C </div> 
</div> 

Спасибо заранее!

Answer 1

я думаю, что ваш код (в соответствии с вашим изображением) будет, как:

<div class="row"> 
    <div class="small-12 large-6 large-push-6 columns">A</div> 
     <div class="row"> 
      <div class="small-12 large-6 large-pull-6 columns">B</div> 
      <div class="small-12 large-6 columns">C</div> 
     </div> 
    </div> 
</div> 

Вы можете проверить «Advanced» & «Источник заказа» секции в http://foundation.zurb.com/docs/components/grid.html