整洁/波旁威士忌的容器衬垫

Question

我第一次使用Neat。我想知道如何完成外部 .container 的填充。为容器提供填充时，其中列的宽度不再向右移动，而是向右/向左移动。

像这个：

<header>
  <div class='container'>
    <div class='logo'>
      <img alt='Logo' src='assets/images/logo.png'>
    </div>
  </div>
</header> 

.container
{
  @include outer-container;
  padding-left: 15px;
  padding-right: 15px;
}
header
{
  .logo
  {
    @include span-columns( 3 );
  }
}

我知道我可以给容器中的第一个元素一个填充，列会调整，但恕我直言，这不是一个一致的解决方案。

在不

更改内部列的情况下对外部容器使用一致的填充的最佳做法是什么？

提前非常感谢！

Answer 1

这在 Neat 1.6 中目前是不可能的，但这是一个已知问题，看起来可以在 Neat 2.0 中解决。