我是第一次与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 );
}
}
我知道我可以给容器中的第一个元素添加填充,并且列会调整,但这不是一致的解决方案。
在外部容器上使用一致的填充而不更改内部列的最佳实践是什么?
提前非常感谢您!
目前在Neat 1.6中无法实现,但这是一个已知的问题,似乎可以在Neat 2.0中解决。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句