基础5网格:文本在右侧堆叠的2个块旁边流动

时间:2014-05-22 10:14:03

标签: zurb-foundation

我是基金会的新手,还有我无法使用网格实现的目标:在中型和大型显示器上,我希望在2个街区旁边放置一个8-col文章堆叠在右侧:4-col figure容器顶部的7-col aside。 (在小型显示器上,三个块将简单地堆叠)。

Page layout

从这个基本代码段开始:

    <div class="row">
        <figure class="medium-7 columns right"></figure>
        <section class="medium-8 columns"></section>
        <aside class="medium-4 columns right"></figure>
    </div>

我已尝试使用网格类(右,推,拉,偏移等)的各种变体,但无法按照我的意愿使用它。

这里的困难在于让文字环绕图形。我想知道Foundation 5的网格系统能否做到这一点。有什么想法吗?

(PS:.columns类究竟应该做什么,而不是使用它?)

0 个答案:

没有答案