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