整洁/波旁威士忌的容器内衬 [英] Container padding in Neat/Bourbon

问题描述

我是第一次与Neat合作.我想知道如何才能完成外部.container的填充.给容器添加填充时，其中的列的宽度不再正确，而是向右/向左移动.

I am working with Neat the first time. I am wondering how I can accomplish a padding for the outer .container. When giving the container a padding, the width of the columns within aren't right anymore and shift to the right/left.

喜欢这个:

<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 );
  }
}

我知道我可以给容器中的第一个元素添加填充，并且列会调整，但这并不是一个一致的解决方案.

对外部容器使用一致的填充而不更改内部列的最佳实践是什么?

What is the best practice to use a consistent padding to the outer container without changing the columns within?

非常感谢您！

推荐答案

在Neat 1.6中目前无法实现，但这是一个看起来像它的已知问题

This is currently not possible in Neat 1.6, but it is a known issue that looks like it might be solved in Neat 2.0.

这篇关于整洁/波旁威士忌的容器内衬的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！