Bootstrap 3 在列中有水平填充但没有垂直填充是否有原因？

Question

我正站在悬崖边，即将做出一个重要决定，这将影响我们在 Bootstrap 方面的长期发展，我想确保我对他们使用 Column Padding 背后的原因有一个很好的理解强>.

我们运行一个多租户 cms 系统，该系统提供引导程序作为构建站点的可用框架之一，然后我们的系统在其之上添加功能层，因此我们做出的任何决定都会影响所有租户。

其中一个基本功能是在使用引导列（即col-lg-6）或我们称之为Section 时，用户可以选择将内容放入Bleed 以边缘，或者被填充包围。

在引导程序中，列使用padding-left:15px; padding-right:15px; 表示水平，而padding-top:0; padding-bottom:0; 表示垂直。

在我们的系统中，我们会一直使用padding:15px;，因为用户还可以设置列/部分的背景颜色和/或图像，逻辑是您希望看到所有侧面的颜色/图像当不使用bleed 时，反之亦然。

我知道引导程序中的水平边距作为网格系统的函数重叠，但填充是列之间的累积。所以我的问题是：垂直填充是否有原因不也明确设置？强迫我们的客户这样做可能会产生什么影响？

NB 任何东西都可以通过自定义 CSS 编辑器覆盖，类似于 Wordpress 中的编辑器，尽管这种功能显然基本上是为“知情者”保留的，而不是我期望的普通用户使用。

---

编辑：以下是我们创建的测试助手，用于从标题标签顶部删除边距，这是我们一个部分的第一个子标签（为清楚起见，删除了细节）。

section h1:first-child, section h2:first-child, section h3:first-child,
section h4:first-child, section h5:first-child, section h6:first-child 
{ margin-top: 0 !important; }

这也可以用于最后的项目以及删除底部边距/填充。

如果我们扩展它以覆盖下面提到的元素（即表单、p、h1-6 等），这样正常的间距仍然存在，这是否会使事情进一步复杂化，或者足以在允许我们自己的同时保留 Bootstrap 的意图功能正常吗？

Answer 1

这是因为在那些列之间默认间距为 30px 的列中，通常有表单、ul、ol、p、h1-h6 和其他具有底部边距的内容，所以当它堆叠时会有垂直间距，如果你要在列上添加底部或顶部填充在堆叠时看起来会很奇怪，两个 50% (col-*-6) 列内的两个段落将在第一和第二个之间有额外的填充。嵌套列会很奇怪，并且会有更多的间距问题。垂直堆叠唯一没有空间的情况是如果您要在其中粘贴图像，但是您可以向图像添加自定义类以在未浮动版本上获得一些底部边距。