处理上面 Bourbon Neat 2.0 中网格列附带的强制性左边距的最佳方法是什么？

Question

这是网站上提到的网格列混合的输出 -

.元素{

  width: calc(25% - 25px);
  float: left;
  margin-left: 20px;

}

我的问题 是我不想要第一列和最后一列前后的间距。

Bootstrap 使用具有负左右边距的行 class 来调整列 padding.Is 为 Neat 布局建议的类似方法？

Answer 1

您可以使用 @grid-collpase 消耗容器的排水沟。

输出：

.element {
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px);
}

这里是笔例https://codepen.io/matthewelsom/pen/RjOEyb

希望这就是您要找的。