Sass 波旁纯网格，在移动断点处

我有一个非常基本的网站，使用sass和bourbon neat grid框架。我正在尝试实现与（）站点相同的效果。在800px的宽度下，网格似乎有一个断点，放下跨度柱并转到100%宽度

下面的代码输出一个包装器和两个4和8 span div。当我将浏览器缩小到300px时，网格仍然保持不变，标题和内容分区不会断开，100%全宽

我怎样才能达到这个效果？我已经尝试在默认情况下使div为100%，并在和断点处添加span列，但这不起作用。谢谢

.wrapper {
@include outer-container;
.title {@include span-columns(4);}
.content {@include span-columns(8);}
}

<div class="wrapper">
<div class="title"></div>
<div class="content"></div>
</div>

.wrapper{
@包括外部容器；
.title{@include span columns（4）；}
.content{@include span columns（8）；}
}

必须指定断点才能完成此操作。只要

@包括
Neats
媒体（$u设置）
就可以了，请阅读更多。大概是这样的：

.wrapper {
  @include outer-container; 

  .title {
    @include span-columns(4);

    @include media(max-width 300px) {
      @include span-columns(12); // or whatever you need for 100% width
    }
  }

  .content {
    @include span-columns(8)
  }
}