Bootstrap 4：删除列边距 [重复]

【问题标题】：Bootstrap 4: remove columns margin gutter [duplicate]Bootstrap 4：删除列边距 [重复]
【发布时间】：2018-04-15 19:40:54
【问题描述】：

我在 Angular 项目中使用 Bootstrap 4，我注意到框架在使用 .col 类时会自动放置一些左边距。问题是我无法删除该边距，因为即使检查员告诉我边距是none。

我该怎么做？

【问题讨论】：

【解决方案1】：

将no-gutters 类添加到.row。

这消除了排水沟。

或者，您可以使用 p-0 类来表示列上的“padding:0”或 m-0 表示列上的“margin:0”。

【讨论】：

【解决方案2】：

将类 .noMargin 添加到任何应该具有零边距的 div 中，在 css 中使用 'margin:0px' 定义它，

你可以在任何地方使用同一个类。

或者

如果你不想自己做，你可以在 .row 类中使用 no-gutters

【讨论】：