基础6嵌套在扩展行内的默认宽度行

Question

我想要一个行全宽的背景和其内的标准宽度的行。

我试图通过创建一个扩展宽度行，应用背景并在其中嵌套一个标准行来做到这一点。但是，尽管没有展开的类，嵌套行仍是完整的展开宽度。

这是我尝试

<div class="row"> 
    <div class="small-2 large-4 columns"><!-- ... --></div> 
    <div class="small-4 large-4 columns"><!-- ... --></div> 
    <div class="small-6 large-4 columns"><!-- ... --></div> 
</div> 

<div class="row expanded"> 
    Expanded row 
    <div class="row"> 
    <div class="large-12">Nested Row</div> 
    </div> 
</div> 

http://codepen.io/onlyslightly/pen/beqZwo

有没有办法来展宽行内窝标准宽度行？或者是否有更合适的方式来执行此操作？

Answer 1

这是在基金会6.2.1推出一个已知的问题： https://github.com/zurb/foundation-sites/issues/8886

正如你可以看到6.2.0的内部行正常工作： http://codeply.com/go/UfbFrTyThU

问题仍然是开放的，但你可以使用一些额外的CSS变通办法......

.row .row { 
    max-width: 75em; 
} 

http://codeply.com/go/vyjVAwXkn4