Zurb foundation 推拉式基础网格 我需要一个基础上的布局,上面和上面是: [8][4A] [4B]

Zurb foundation 推拉式基础网格 我需要一个基础上的布局,上面和上面是: [8][4A] [4B],zurb-foundation,zurb-foundation-5,Zurb Foundation,Zurb Foundation 5,至于小型: [4A] [8] [4B] 我即将实现这一点,但当我的8块中有大量内容时,4B会被推到页面下方,我需要它将站点放在4A的正下方 这里有一个你能按这个顺序堆叠它们吗,否则它会与你的模板冲突?似乎弥补了这一差距 <div class="row text-center"> <div class="small-12 columns medium-4 medium-push-8 "> <div class="panel"> 4A

至于小型:

[4A]
[8]
[4B]
我即将实现这一点,但当我的8块中有大量内容时,4B会被推到页面下方,我需要它将站点放在4A的正下方


这里有一个

你能按这个顺序堆叠它们吗,否则它会与你的模板冲突?似乎弥补了这一差距

<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需要低于8。感谢更新,但您的编辑似乎也不起作用-4B去了哪里?它将位于内容分区[8]下方,因为[8]向左浮动,而[4a]向右浮动,但[4B]不在移动设备上。感谢您的笔,这在介质上不再起作用。
  <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>