Sass Bourbon Neat-Shift列是否垂直对齐？

我想以不同的方式将我的列与其HTML源顺序对齐。我试图使用shift（）来完成此操作，但在水平对齐它们时遇到问题

为了更好地演示我的问题，我将此代码笔放在一起：

HTML

<h1>Resize the browser</h1>
<p>Mobile should be 1, 2, 3 stacked. But desktop should be 3, 1, 2. They do not align correctly horizontally.</p>
<div class="items">
  <div class="item item_1">1</div>
  <div class="item item_2">2</div>
  <div class="item item_3">3</div>
</div>

移动设备应堆放1、2、3层（已经很好）。但是桌面应该是3，1，2。它们没有正确地水平对齐

如何通过正确的垂直对齐实现此布局？第1项似乎将其他项向下推

---

我能够通过将第2项上的

移位（9）

替换为

omega（）

混合以去除右边空白来对部分解决方案进行编码（请参阅）。

班次（9）

是不必要的，因为项目2是由项目1上的班次推动的

@include omega();
//@include shift(9);

然而，Neat似乎仍然存在第3项的左边距为零的问题。因此，更好的解决方案可能是嵌套第1列和第2列，并移动父项和第3项（请参阅）

@include omega();
//@include shift(9);

.item_group {
  @include media($bp) {
  @include span-columns(6);
  @include shift(6);
}
...
&_1 {
  @include media($bp) {
    @include span-columns(3 of 6);
  }
}
&_2 {
  @include media($bp) {
    @include span-columns(3 of 6);
  }
}
&_3 {
  @include media($bp) {
    @include span-columns(6);
    @include shift(-12);
  }
}