使用整齐网格使列顺序与源顺序不同？

Question

我正在使用波本邦的整齐网格框架。我怎样才能有一个列出不同的源列顺序？

所以在下面的例子中，testB在源码顺序中出现在testC之前。但是我想让左边的列是testC，右边的列是testB。

.testA { 
    @include outer-container; 
} 

.testB { 
    @include span-columns(6); 
    @include shift(6); 
} 

.testC { 
    @include span-columns(6); 
    @include shift(-6); 
} 

<div class="testA"> 
    <div class="testB">1</div> 
    <div class="testC">2</div> 
</div> 

我需要这样的：

Ive得到它与这个工作，但林不知道这是否是正确的方法：

.testA { 
    @include outer-container; 
} 

.testB { 
    @include span-columns(6); 
    @include shift(6 of 12); 
} 

.testC { 
    @include span-columns(6); 
    @include shift(-12 of 12); 
} 

所以第一列转移右边6排，这对我很有意义。然后第二列现在需要向左移动12（从其起始位置开始6，现在又移动了第一列6）。

我无法找到任何这样做的官方文档。有人可以证实这是正确的，而不是黑客？在@include方向上下文

Answer 1

裹块（从右到左）{}和除去移

@include direction-context(right-to-left) { 
.testB { @include span-columns(6); } 
.testC { @include span-columns(6); } 
} 

如果它不会工作开始跨度列打 - 增加对.testC 5代替6-列。