标题的CSS边距和填充正确实现

Question

最近我和我的队友就css标题边距和填充进行了辩论。我是 boostrap 的忠实粉丝，并倾向于遵循他们的指导方针，并采用标题来处理填充和边距。冲突之间的标题（h1，h2，h3等）应该有边缘顶部或填充。

示例A 来自带有余量和标题的填充的bootstrap，示例B 是我们的商业网站没有保证金最高的唯一底部。他们的观点是减少额外上边距的可能性，并且边距应由容器定义。但对于自举网格系统，默认填充顶部和填充底部为0px，因此在标题上添加边距以创建顶部边距是有意义的。

那么标题的正确和最佳方法是什么？

1. 带有填充和标题的容器，没有边距顶部
2. 顶部和底部没有填充物的容器，带有边距和填充物。

请告诉我。感谢

注意：基础遵循相同的规则，只有padding-left和padding-right为默认值。

@media only screen and (min-width: 64.063em)
.column, .columns {
  position: relative;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  float: left;
}