小编Tod*_*odd的帖子

在使用Foundation 4网格时,我一直在尝试对齐嵌套行,几乎无济于事.

仅供参考,我使用EpiServer CMS,所以我必须使用mixins注入某些样式.

问题是,当我div.row在8列注入的内部嵌入时div#content,该行及其列不会与其外部的元素齐平.

我试图添加这个mixin:div.unmanagedContent {@include grid-row(nest);}在这个例子中有效,但是当没有嵌入.row内部时,负边距会拉出div div#content.

我的SCSS看起来像这样.请注意,我刚刚在CodePen上附加了一个外部CSS,因此您将看到输出的样式:

// 12 total columns

.contentLayoutBox {
@include grid-row;
}
#content {
@include grid-column(8);
}
#sidebarRight {
@include grid-column(4);
}

这是CodePen和Foundation 4 Grid Docs的一个例子.

任何帮助都会很棒.谢谢.