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

我正在使用Bourbon的整洁网格框架。我怎样才能有一个列的布局不同于那里的源顺序

因此，在下面的示例中，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>

所以第一列向右移动了6行，这对我来说很有意义。然后，第二列现在需要向左移动12（从其起始位置移动6个，被第一列移动6个）

---

我找不到任何关于这方面的官方文件。有人能确认这是正确的，不是黑客吗

在@include direction context（从右到左）{}中换行块并移除移位

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

如果不起作用，就开始使用span columns-add for.testC 5而不是6列

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