Zurb foundation 基础5格线柱高度

基金会5提供了网格系统，我想用它来安排我的网页。但问题是我不知道如何设置每列的高度。现在它的大小和内容需要的一样大，但它真的很难看

我试过这个解决办法，但不管用。它是一个由8列组成的嵌套网格，被拆分为两个6列。我只希望这两个6列是相同的高度，但不同的背景颜色

我的代码是：

<div class="row">
        <div class="small-8 columns"> 8 
            <div class="row" > 
                <div class="small-6 columns" id="d8">
                            more and more people want to learn some HTML and CSS.  
                </div>                      
                <div class="small-6 columns" id="d9"> 
                 more and more people want to learn some HTML and CSS. Joining the      
                 designers and programmers are new audiences who need to know 
                 a little bit of code at work (update a content management system 
                 or e-commerce store) and those who want to make their personal 
                 blogs more attractive. Many books teaching HTML and CSS are dry
                 and only written for those who want to become programmers, which 
                 is why this book takes an entirely new approach. </div>
                </div>
            </div>
        </div>
</div>

8.
越来越多的人想学习一些HTML和CSS。
越来越多的人想学习一些HTML和CSS。加入
设计师和程序员是需要了解的新受众
工作中的一点代码（更新内容管理系统
或电子商务商店）和那些想让自己的
博客更具吸引力。很多教HTML和CSS的书都是枯燥乏味的
而且只为那些想成为程序员的人写，这
这就是为什么这本书采用了一种全新的方法。

链接中的JS是：

<script>
$(window).load(function()({

//equalize function
function equalHeight(group) {
    tallest = 0;
    group.each(function() {
        thisHeight = $(this).height();
        if(thisHeight > tallest) {
            tallest = thisHeight;
        }
    });
    group.height(tallest);
}

//call the equalize height function
equalHeight($("div.small-6"));
});
</script>

$（窗口）。加载（函数（）({
//均衡函数
功能相等高度（组）{
最高=0；
组。每个（函数（）{
thisHeight=$（this）.height（）；
如果（此高度>最高）{
最高=此高度；
}
});
身高（最高）；
}
//调用均衡高度函数
等高(元);；
});

事实上，设置高度很容易。最后我使用

.div[id]
{
    height:85px !important;
}

它是有效的