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

Question

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

.element {

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

}

我的问题是我不希望第一列和最后一列之前和之后的排水沟。

Bootstrap使用具有负左右边距的行类来调整列填充。对于Neat布局，建议采用类似的方法吗？

Answer 1

您可以使用@grid-collpase来消耗容器的装订线。

输出：

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

以下是笔示例https://codepen.io/matthewelsom/pen/RjOEyb

希望这就是你要找的东西。