引导程序3在列中有水平填充而不是垂直填充，这有什么原因吗？

Question

我正站在悬崖边，即将做出一个重要的决定，这将影响我们关于Bootstrap的长期发展，我想确保我对他们使用列填充背后的原因有一个很好的理解。

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

其中一个基本特性是，当使用Bootstrap列（即col-lg-6），或者我们称之为部分时，用户可以选择将内部内容流血到边缘，或者被填充。

在引导中，列使用左填充：15px；右侧填充：15px 用于水平，但填充顶部：0；填充底部：0 用于垂直方向。

在我们的系统中，我们将使用填充：15px 出血时，您可能希望看到四周的颜色/图像，反之亦然。

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

注意：任何东西都可以通过自定义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等），那么正常间隔会继续存在，这会使事情进一步复杂化，还是足以在允许我们自己的功能工作的同时保留引导意图？




Answer 1

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