在 Bourbon Neat 中将 child 元素置于其上下文之外

Question

我正在尝试更改 html children 元素的上下文。

<div class="outer-container">
   <div class="main-content">
     <img class="chid-element" />
   </div>
</div>

main-content元素有 6 列宽，并移动 2 位。我希望它的 children <img> 从 .outer 容器的第二列跨越到第 11 列。

有什么想法吗？谢谢。

Answer 1

在 chid-element 你需要使用 @include span-columns(10 of 8) 和 @include shift(-1)

Position child element outside its context in Bourbon Neat