我是第一次和 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 );
}
}
我知道我可以给容器中的第一个元素一个填充并且列会调整,但这不是一个一致的解决方案恕我直言。
在不更改内部列的情况下对外部容器使用一致的填充的最佳做法是什么?
非常感谢您!