基金会6.4.1 - Bootstrap .container是否等同？

Question

什么是Foundation 6.4.1中的Bootstrap .container相当于？

它曾经是6.3.1中的.row。不过，这并不以这种方式在6.4.1工作了：

.row { 
 
    border: 1px solid red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.1/css/foundation.min.css"> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.1/js/foundation.min.js"></script> 
 

 
<div class="row"> 
 
    content 
 
</div> 
 

 
<script> 
 
    $(document).foundation(); 
 
</script>

6.3.1：

.row { 
 
    border: 1px solid red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/css/foundation.min.css"> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/js/foundation.min.js"></script> 
 

 
<div class="row"> 
 
    content 
 
</div> 
 

 
<script> 
 
    $(document).foundation(); 
 
</script>

任何想法？

Answer 1

版本6.4根据它们的documentation使用名为XY Grid的新网格系统。

等价似乎是grid-container。

下面是一个例子：

<div class="grid-container"> 
    <div class="grid-x"> 
    <div class="cell small-4">cell</div> 
    <div class="cell small-4">cell</div> 
    <div class="cell small-4">cell</div> 
    </div> 
</div>