css - Bootstrap 3 在列中有水平填充而不是垂直填充是有原因的吗？

Question

我正站在悬崖边上，即将做出一个重要决定，这将影响我们关于 Bootstrap 的长期发展，我想确保我对他们使用Column Padding .

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

其中一个基本功能是使用 Bootstrap 列(即 col-lg-6 )，或者我们称之为 Section 的内容。 ，用户可以选择让内部的内容渗出到边缘，或者被填充包围。

在 Bootstrap 中，列使用 padding-left:15px; padding-right:15px;对于水平，但是 padding-top:0; padding-bottom:0;对于垂直。

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

我知道 bootstrap 中的水平边距重叠是网格系统的函数，但填充是列之间的累积。所以我的问题是:垂直填充不是否也明确设置是有原因的？强制我们的客户这样做会产生什么潜在影响？

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

---

编辑:以下是我们创建的测试助手，用于删除 header 标签顶部的边距，这些 header 标签是我们其中一个部分的第一个子标签(为清楚起见，删除了具体细节)。

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 等)，以便正常间距持续存在，这是否会使事情进一步复杂化或足以保留 Bootstraps 意图，同时允许我们自己的要工作的功能？

Answer 1

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