使用整齊網格使列順序與源順序不同？

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-列。